text · textPath

<textPath>로 path를 따라가는 라벨을 만듭니다. Figma text는 보통 outline path로 export됩니다.

데모에서 볼 것

pathD = M 60 300 Q 200 60 360 300 T 580 180

• 회색 guide path (dash)
• toolbar label 입력 — 기본 SVG Geometry
• readout: <defs><path id="label-path">…</path></defs><text><textPath>…

import { buildTextPathMarkup } from "svg-matrix-core";

buildTextPathMarkup({
  pathD,
  text: "SVG Geometry",
  pathId: "label-path"
});

구조

<defs>
  <path id="label-path" d="…"/>
</defs>
<text><textPath href="#label-path">…</textPath></text>

startOffset·spacing — SMIL/CSS는 별도; 위치 샘플은 018 pointAtPathLength.

Core API

관련

• 018 · 070 tangent

오늘의 핵심

text on path = defs path id + textPath href. 편집 가능 텍스트가 필요하면 DOM text, 인쇄용은 outline.