SVG Path データ リファレンス
リファレンス 用 SVG path commands: moveto, lineto, curve, arc, および その parameters.
Path Commands
SVG paths use a compact command syntax with letters followed by numeric parameters. M/m moves the pen (absolute/relative). L/l draws lines, H/h and V/v draw horizontal/vertical lines. C/c draws cubic Bezier curves with two control points. Q/q draws quadratic Beziers with one control point. A/a draws elliptical arcs with endpoint parameterization.
- M/m
- Moveto (abs/rel)
- C/c
- Cubic Bezier
- A/a
- Elliptical arc
M 10 10C 20 20 40 20 50 10A 25 25 0 0 1 50 25Curves and Arcs
Cubic Beziers (C) use two control points defining the tangent at start and end. Quadratic Beziers (Q) use one control point shared by both endpoints. Smooth curves (S/T) infer control points from the previous curve for continuity. Arc parameters are rx, ry, x-axis-rotation, large-arc-flag, sweep-flag, x, y. The Z/z command closes the path. Path data can be optimized by removing redundant commands.
- S/T
- Smooth curves
- arc flags
- large-arc, sweep
- Z/z
- Close path
inferred control0/1 eachreturn to start