SVGパスビューアー | Showgo Tools

SVGパスビューアー

SVGのpath d属性をリアルタイムにプレビューできます。

入力待ち
無料ブラウザ完結データ送信なし

使い方

1

pathを入力

SVG pathのd属性を入力します。

→
2

見た目を調整

塗り・線・線幅を調整します。

→
3

SVGをコピー

プレビュー中のSVGコードをコピーします。

よくある質問

図形が見えないのはなぜですか？

座標がviewBox外にある可能性があります。自動フィットをONにすると表示範囲へ自動調整します。

複数pathを表示できますか？

このツールは1つのd属性を対象にしています。

SVGパスビューアーとは

SVGのpath d属性を入力し、描画結果を即時確認できる開発支援ツールです。座標が大きいパスでも自動フィットで確認しやすくなります。