SVGパスエディター

SVGパス

パス操作

拡大縮小 (Scale)
移動 (Translate)
回転 (Rotate)

出力オプション

SVGプレビュー

パス情報

コマンド数
0
パス長
0
バウンディングボックス幅
0
バウンディングボックス高さ
0

SVGパスについて:

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パスの表示、編集、最適化を簡単に行えます。