SVG Path Editor

使い方

1. path 要素の d 属性の値を左欄に貼り付けます。
2. パーサーはコマンドごとに1行へ分割します —— 絶対形式と小文字の相対形式の両方に対応し、数値は1つずつ入力欄になります。
3. テーブル内の任意の数値を編集するか、各行の Delete でセグメント全体を削除します。
4. 右欄がテーブルの変更に合わせて d 文字列を再構築します。
5. 新しい d を SVG にコピーし戻します。不正な数値はその場で拒否され、元の値に戻ります。

よくある用途

• 図形の微調整 —— ベクターエディタを開かずに数座標だけ直す。
• パス文法の学習 —— C、S、Q、T、A が数値にどう対応するか、暗黙の繰り返しパラメータ群も含めて確認する。
• パスの切り詰め —— 末尾のセグメントを削除して形を短くする。
• 出力の整形 —— 再構築時に区切り文字と空白を統一する。

よくある質問

Q: どのコマンドに対応していますか？ A: M、L、H、V、C、S、Q、T、A、Z です。絶対形式と相対形式（小文字）の両方に対応し、暗黙の繰り返しにも対応します（M の後の2組目の座標群は L として扱い、繰り返されるパラメータ群はそれぞれ別行になります）。弧のフラグは仕様通り1桁ずつ読み取ります。

Q: 新しいコマンドを挿入したり、コマンド文字を変更したりできますか？ A: できません。これはサブセットエディタで、数値の編集とセグメント削除のみを行います。コマンドの挿入、文字の変更、コントロールポイントのドラッグには本格的なベクターエディタが必要です。

Q: 数字以外を入力すると？ A: その入力欄は拒否されメッセージが表示され、元の値に戻ります。再構築されたパスは常に解析可能な形を保ちます。