SVGパス座標抽出器
SVGパスデータ(d属性)からX, Yの座標数値を抽出し、JSONやCSV配列に変換
SVG内のd属性パラメータの数値を読み解き、配列フォーマットに整理して出力します。
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
使い方
- SVGのd属性値（M10,10 L...）を貼り付けます。
- 出力形式（JSON、ポイント一覧、CSV）を指定します。
- 抽出ボタンを押し、結果をコピーしてプログラミングなどで使用します。
よくある質問
- 主な用途は何ですか？
- HTML CanvasにSVGの形状を描画したり、Three.jsなどの3Dライブラリで頂点配列データに変換する際に活躍します。
- 直線コマンド(L)だけでなく、曲線コマンド(C、Q、A)の座標も正確に抽出されますか?
- はい、ベジェ曲線(C、Q)や弧(A)コマンドに含まれる制御点や終点の座標もすべて認識してリストに含め、コマンドの種類も一緒に表示されるのでどの座標かを区別できます。
- 直線コマンド(L)だけでなく、曲線コマンド(C、Q、A)の座標も正確に抽出されますか?
- はい、ベジェ曲線(C、Q)や弧(A)コマンドに含まれる制御点や終点の座標もすべて認識してリストに含め、コマンドの種類も一緒に表示されるのでどの座標かを区別できます。