SVGパスコマンドビジュアライザー＆インスペクター

コマンドの読み方

大文字のコマンドは絶対座標を使い、小文字のコマンドは現在位置からの相対移動を行います。各コマンドが受け取る値の数は決まっており、HとVは1個、M、L、Tは2個、SとQは4個、Cは6個、Aは7個、Zは0個です。余分な値がある場合はコマンドが繰り返され、Mの後に続く余分なペアはLとして扱われます。アークの7個の値は、2つの半径、回転、大小のアークと方向を選ぶ2つのフラグ、終点です。

プレビューサイズと短縮された数値

プレビューには、原点から200 × 200単位の領域が表示されます。24単位のグリッドで描かれたアイコンは左上に小さく表示され、512単位のアイコンセットのパスは端からはみ出します。これはキャンバスの範囲であり、パスの問題ではありません。

最適化ツールは区切り文字を省略し、2つの数値をM10-5や.5.5のように記述することがあります。分解表示ではブラウザと同じように読み取ります。マイナス記号または2つ目の小数点が新しい数値を開始するため、.5.5は0.5と0.5になります。アークフラグは1桁なので、a5 5 0 015 5ではフラグが0と1、終点が5 5です。形状を読み取るのではなく変更する場合は、SVGエディターで開いてください。

使い方

1. SVGのパスデータを貼り付けます（例: M10 10 L90 90 Z）。
2. コマンドトークンと説明を確認します。
3. レンダリングされたベクターパスのプレビューを表示します。

プライバシーと制限事項

処理は100%ブラウザ側で行われ、データは一切保存しません。