タスクの道筋 / 入力から結果へ
SVG のストロークを塗りに変換する方法
- 01
SVG ソースを用意する
「SVG ソース」にマークアップを貼り付けるか、「SVG ファイルを選択」を使います。入力は 512 KiB までで、カウンターが現在のサイズを表示します。ソースはブラウザメモリ内に保持されます。
- 02
変換境界を確認する
信頼できる変換モードが受け付けるのは、直接の line、rect、circle、ellipse 要素だけです。パス、グループ、トランスフォーム、スタイル、リンク、イベント、foreignObject、破線ストロークは、境界パネルの説明どおり拒否されます。 真円ではない楕円の線と縦横の半径が異なる角丸の線には対応していません。正確な曲線オフセットが必要です。
- 03
ストロークを変換する
「ストロークを変換」を押します。対応するストロークは塗りだけの輪郭形状になります。既存の塗りの見た目は再構成した SVG に残りますが、元のマークアップは解析・再シリアライズされ、バイト単位でコピーされません。元の title と desc は翻訳された出力メタデータに置き換わります。
- 04
確認してダウンロードする
レポートには、展開されたストローク数、保持された塗り数、削除されたメタデータノード数が示されます。出力パネルから塗りのみの SVG をダウンロードするか、PNG にレンダリングできます。