markers — 화살표와 dash 끝
marker-start / marker-mid / marker-end로 선 끝·꺾임에 심볼을 붙입니다.
데모에서 볼 것
path d = M 80 300 C 200 80, 440 360, 560 120
- defs arrow marker
marker-end="url(#arrow)"- readout:
<marker id="arrow">…markup
import { buildMarkerMarkup } from "svg-matrix-core";
buildMarkerMarkup({ id: "arrow" });
// <marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" orient="auto" …>
orient=auto
접선 방향으로 marker 회전 — 070 tangent·018 path length와 연결.
Core API
| 함수 | 역할 |
|---|---|
buildMarkerMarkup | <marker> defs 문자열 |
관련
오늘의 핵심
marker = 작은 SVG 심볼을 path 끝에 참조 — 화살표·dash cap 장식의 표준 방법입니다.