Svg Path

svg-path.png

パスの例

    <path
       style="fill:none;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
       d="m 190.91883,16.955824 -6.06091,31.314729 36.36549,38.385796"
       id="path3069"
       inkscape:connector-curvature="0" />

mってなんだ?

大文字だと絶対、小文字だと相対になります
命令 意味 要素数
M moveto 2 x,y
L lineto 2
H 水平lineto 1
V 垂直lineto 1
C curveto 3次ベジェ 6
S curveto 3次ベジェ 4
Q curveto 2次ベジェ 4
T curveto 2次ベジェ 2
A 楕円曲線arc 7 r,r,a,0,s,x,y
z closepath 0

simplepath

サポートサイト Wikidot.com simplepath