このツールはブラウザで即時実行できます。登録もサーバー処理も不要です。
このツールが役に立ちましたか？
byteflow.tools をインストールすると、起動が速くなり、オフラインでもツールを使えます。
インストールガイドこのツールが役に立ちましたか？
byteflow.tools をインストールすると、起動が速くなり、オフラインでもツールを使えます。
インストールガイドストローク中心の SVG 図形を塗り形状へ変換し、プレビューと出力に対応します。
SVG ストロークベースのプリミティブを塗りつぶしベースの形状に変換して、ダウンストリーム レンダリング全体での互換性を向上させます。パイプライン。
ストロークされた SVG 要素を塗りつぶし指向のジオメトリ出力に変換します。
迅速な検証のための変換カウントとフォールバック統計を提供します。
データ URI 出力を介して変換された SVG のライブ プレビューをレンダリングします。
変換された SVG アーティファクトのコピーとファイルのダウンロードをサポートします。
Stroke SVG
<line ... stroke="#22d3ee" stroke-width="14" />
混合プリミティブ
ストロークのみ定義の長方形/円/線
サンプルソース
viewBox 0 0 256 256 (複数のストロークパスあり)
変換済みSVG
fill ベースの同等の SVG マークアップ
概要
Converted: 3 |変換されたフォールバック: 1 |エラー: なし
エクスポート ファイル
stroke-to-fill.svg
変換数が予想より低い
サポートされていない SVG 要素タイプまたは属性を確認します。
プレビューが利用できません
入力 SVG 構文を検証し、不正な形式のノードを削除します。
出力ジオメトリがソースの外観と異なる
ストロークの位置合わせの仮定を確認し、ソースの形状を調整します。
フォールバック変換が表示されます
手動での確認が必要な複雑なストロークのケースを検査します。
ダウンロードしたファイルが正しく開きません
出力が UTF-8 SVG として保存されていることを確認し、XML 構造を再検証してください。
SVG 線を塗りへ変換 は、提出・公開・引き継ぎの前に行う迅速な検証ステップとして運用するのが適切です。
ストロークを塗りつぶしに変換する理由は何ですか?
一部のレンダラーとパイプラインは塗りつぶしジオメトリをより一貫して処理します。
すべてのストロークの形状は完全に変換できますか?
複雑なケースでは、フォールバック処理や手動による調整が必要な場合があります。
このツールは変換統計を提供しますか?
はい、変換された数とフォールバック数が表示されます。
ダウンロード前に変換された出力をプレビューできますか?
はい、変換された SVG がプレビューされますin-tool.
オリジナルの SVG は保持されますか?
はい、ソース入力は編集可能な状態のままで、いつでもリセットできます。