diff --git a/src/view/footing-section-svg.ts b/src/view/footing-section-svg.ts index 4f8ecc9..7cae727 100644 --- a/src/view/footing-section-svg.ts +++ b/src/view/footing-section-svg.ts @@ -114,15 +114,16 @@ export function footingSectionSvg(model: PierModel): string { // Dimensions: the width line with ticks and the grid string, and the right-hand heights. const g = grid(W, fs, 'sAxis'); - const yDim = Y0 + 34; + const yDim = Y0 + 40; parts.push(``); parts.push(tick(x(-W / 2), yDim) + tick(x(W / 2), yDim)); - parts.push(text(x(-W / 2) + 4, yDim + 14, `${fs.cSide}`, 'start', COLOR.dim)); - parts.push(text(x(-W / 2 + fs.cSide + g.e / 2), yDim + 14, `${g.e.toFixed(1)}`, 'middle', COLOR.dim)); + // Edge covers sit outside the dimension ends; the grid pieces sit on the first row, spread apart so they do not run together. + parts.push(text(x(-W / 2) - 5, yDim + 14, `${fs.cSide}`, 'end', COLOR.dim)); + parts.push(text(x(W / 2) + 5, yDim + 14, `${fs.cSide}`, 'start', COLOR.dim)); + parts.push(text(x(-W / 2 + fs.cSide) + 2, yDim + 14, `${g.e.toFixed(1)}`, 'start', COLOR.dim)); + parts.push(text(x(W / 2 - fs.cSide) - 2, yDim + 14, `${g.e.toFixed(1)}`, 'end', COLOR.dim)); parts.push(text(cx, yDim + 14, `${g.n}@${fs.sAxis}=${g.G}`, 'middle', COLOR.dim)); - parts.push(text(x(W / 2 - fs.cSide - g.e / 2), yDim + 14, `${g.e.toFixed(1)}`, 'middle', COLOR.dim)); - parts.push(text(x(W / 2) - 4, yDim + 14, `${fs.cSide}`, 'end', COLOR.dim)); - parts.push(text(cx, yDim - 6, `교각축 직각 단면 · 폭 ${W.toFixed(0)}`, 'middle', '#1F2937')); + parts.push(text(cx, 20, `교각축 직각 단면 · 폭 ${W.toFixed(0)}`, 'middle', '#1F2937')); const xr = X0 + W_PX + 18; parts.push(``); parts.push(tick(xr, y(H)) + tick(xr, y(0)));