path を扱う
path 要素の形状は、d 属性の値によって定義されます。d 属性はコマンドと座標を組み合わせて定義します。
すべてのコマンドは2種類あり、大文字はページ上の絶対座標を指定し、小文字は相対座標 (例えば、 直前の点から上に 10px、左に 7px 移動) を指定します。
SVG では、次の6つのタイプのパスコマンドを定義しています
| タイプ | コマンド |
|---|---|
| MoveTo | M,m |
| LineTo | L,l,H,h,V,v |
| 3次ベジエ曲線 | C,c,S,c |
| 2次ベジエ曲線 | Q,q,T,t |
| 楕円円弧曲線 | A,a |
| ClosePath | Z,z |