SVGフォーマッター–SVGファイルを整形・見やすく変換
SVGフォーマッターは、共通のXMLエンジンを使ってSVGマークアップを一貫した読みやすい形式に整形します。名前空間、属性、パスデータを保持し、コンパクトな出力が必要な場合は文書をミニファイすることもできます。整形前にインデントと利用可能なオプションを選択してください。パスデータの精度丸めはデフォルトでオフのため、有効にしない限り丸めは行われません。
SVGフォーマッターは、SVGマークアップを読みやすく、扱いやすくするためのブラウザベースのツールです。SVGの整形には共通のXMLエンジンを使用し、マークアップをミニファイすることもできます。生成されたファイルの整理にも、レビュー前のSVG準備にも、SVGをオンラインで整形する手軽な方法を提供します。
フォーマッターは名前空間、属性、パスデータを保持します。インデントやミニファイを含むオプションを選択できます。パスデータの精度丸めはデフォルトでオフのため、デフォルトではパスデータは丸められません。SVGを貼り付けまたはドラッグ&ドロップして開始し、準備ができたら整形後の出力をコピーします。
SVGはベクターグラフィックスを記述するためのXMLベースの形式であるため、マークアップには入れ子構造の要素や属性、パスデータが含まれることがあります。整形によりマークアップのレイアウトが確認しやすくなり、ミニファイによりコンパクトな出力が得られます。生成されたグラフィックスのレビュー、変更の比較、スニペットの共有、プロジェクトでのSVGマークアップの取り扱いなど、開発者がSVGを整形する場面はさまざまです。
SVGフォーマッターは完全にブラウザ上で動作します。入力はデバイス上で処理され、アップロード、保存、サーバーへの送信は行われません。登録不要で、ページの読み込み後はサーバー接続なしでオフラインでも動作します。
このツールは、経験を問わず、SVGファイルの確認、レビュー、整理が必要な開発者やDevOpsエンジニアに便利です。機械生成のマークアップを扱いやすくしたり、コードレビュー用のコンテンツを準備したり、他で使用する前に入力が正しく解析できるかをチェックしたりするのに役立ちます。
手順1: 入力エリアにSVGを貼り付けまたはドラッグ&ドロップします。このツールはSVGマークアップに対応しています。
手順2: インデントと利用可能なオプションを選択します。ミニファイに対応し、パスデータの精度丸めはデフォルトでオフです。
手順3: 読みやすい出力にする場合はSVGを整形し、コンパクトな出力が欲しい場合はミニファイを使います。
手順4: プロジェクトやレビュー、バグ報告、コード変更用に結果をコピーします。
用途: 読みにくい機械生成のSVGを、リポジトリにコミットする前にレビューしやすくします。
用途: マークアップを読みやすくして、SVG文書を必要な仕様に沿ってレビューしやすくします。
用途: 一貫したインデントの出力にすることで、差分(diff)が空白の違いではなく意味のある変更を示すようにします。
用途: バグ報告やコードレビューに追加する前にSVGスニペットを整形します。
用途: SVG入力が正しく解析できるかを確認し、解析が失敗した正確な行を特定します。
用途: マークアップをコンパクトにしたい場合にSVGをミニファイします。