DevToolBox

SVGパスエディター

SVGパスをGUIで編集。ポイントをドラッグして移動できます。M/L コマンドに対応。

4 ポイント | クリック&ドラッグで移動

SVGパスとは?

SVGパスは、<path>要素のd属性で定義される図形の輪郭です。 M(moveto)、L(lineto)、C(curve)などのコマンドで複雑な図形を描画できます。

  • M x y: 開始点に移動
  • L x y: 直線を描画
  • C x1 y1 x2 y2 x y: 3次ベジェ曲線
  • Z: パスを閉じる