このツールについて
アイコンの輪郭や複雑な曲線を確認できます。単独のパスデータを貼り付けるか SVG からパスを選び、形状、命令数、幾何学的な境界を調べ、静的プレビューを保存できます。
使い方
- SVG モードでファイルを読み込むか、パスモードで d 属性のパスデータを貼り付けます。
- SVG から確認するパスを選ぶか、単独のパスが有効か確認します。
- 塗りの色、線の色と太さを設定し、背景や倍率を調整します。
- 命令数と境界を確認し、必要なら path-preview.svg をダウンロードします。
機能
- M、L、H、V、C、S、Q、T、A、Z などのパス命令に対応します。
- 命令の集計と幾何学的な境界を表示し、無効なパスは問題の箇所をお知らせします。
- パスの範囲に合わせて適度な余白を付けて表示します。ダウンロードには選んだパスとスタイルが含まれます。
パス命令と境界について
- M は始点への移動、L・H・V は直線、C・S は 3 次曲線、Q・T は 2 次曲線、A は楕円弧、Z はサブパスを閉じる命令です。小文字の命令は通常、相対座標を使います。
- 境界はパスの幾何形状のみを対象とし、線の太さ、マーカー、影、フィルターは含みません。SVG 内の上位要素の変形は反映しますが、元の切り抜きや合成全体は再現しません。
- 長いパスも集計できますが、ページが重くならないよう、詳細な命令一覧の表示件数には上限があります。
SVG の安全性について
プレビューには安全処理済みの静的コピーを使います。スクリプト、クリック時の動作、アニメーションは実行せず、外部画像、フォント、スタイルも読み込みません。外部参照、埋め込み Web ページ、未対応の内容を除去するため、元の表示と異なる場合があります。DOCTYPE や独自の実体を含む文書には対応していません。
SVG ファイルや UTF-8 ソースは最大 2 MiB、ノード数は要素とテキストを含め 20,000 個、入れ子は 96 階層までです。大きすぎる場合や構造が複雑な場合は、先にファイルを簡略化してください。
プライバシー
SVG はお使いのブラウザー内で処理され、サーバーにはアップロードされません。
入力や結果は自動保存されません。クリアやページ移動の前に必要なファイルを保存し、元のファイルも保管してください。
よくある質問
SVG パスの d 属性とは何ですか？
直線、曲線、円弧、閉じた輪郭を表すパス命令と座標を保存する属性です。
M、L、C、Q、A の意味は？
M は始点への移動、L は直線、C は 3 次ベジェ曲線、Q は 2 次ベジェ曲線、A は楕円弧です。
Z の意味は何ですか？
現在のサブパスをその始点まで閉じます。1 つの d 属性に複数のサブパスを含められます。
SVG のスクリプトは実行されますか？
いいえ。SVG 全体は安全処理を行い、単独のパスのプレビューには有効なパスデータと選択した静的スタイルのみを使います。