SVGパス(SVG Path)はSVGで最も強力な要素の1つで、任意の形状の図形を作成できます。
パスは一連のコマンドと座標で構成され、図形の描き方を定義します。
よく使われるパスコマンド:
- M/m: 移動(Move to)
- L/l: 直線(Line to)
- H/h: 水平線(Horizontal line to)
- V/v: 垂直線(Vertical line to)
- C/c: 3次ベジェ曲線(Cubic Bézier curve)
- S/s: スムーズ3次ベジェ曲線(Smooth cubic Bézier)
- Q/q: 2次ベジェ曲線(Quadratic Bézier curve)
- T/t: スムーズ2次ベジェ曲線(Smooth quadratic Bézier)
- A/a: 楕円弧(Elliptical arc)
- Z/z: パスを閉じる(Close path)
ヒント:大文字は絶対座標、小文字は相対座標を表します。
このエディターを使用して、SVGパスの表示、編集、最適化を簡単に行えます。