SVG ビューア
☞ すべてブラウザ内で処理 — アップロードは一切ありませんここに SVG をドロップ
またはクリックして選択 — SVG のみ
このファイルは解析できませんでした
下はパーサーが停止した箇所です。修正してから再度ドロップしてください。
プレビュー
ドラッグで移動
SVG ビューア
どんな SVG も開いて好きな倍率でプレビュー。viewBox とサイズを読み、ソースの誤りも確認できます — アップロードは不要です。
またはクリックして選択 — SVG のみ
このファイルは解析できませんでした
下はパーサーが停止した箇所です。修正してから再度ドロップしてください。
プレビュー
ドラッグで移動
ベクターの中身を見る
SVG は素の XML テキストなので、開けないファイルはたいてい 1 文字の誤りであって、データの破損ではありません。このビューアはブラウザが描くものをそのまま描き、描けないときはその旨をはっきり伝えます。
800% まで拡大して path の輪郭を確認したり、viewBox を読んで拡大縮小の挙動を把握したり、ソースをコピーしてエディタに貼り付けたりできます。
3 ステップ
端末から .svg ファイルを選びます — アップロードはされません。
画面を移動し、背景を切り替え、サイズ情報を読みます。
ソースをコピー。壊れている場合は解析エラーを読みます。
かんたん回答
プレビューは隔離された画像コンテキストで描画されるため、外部フォントやリモート画像は読み込まれません。ウェブフォントに依存する文字はシステムフォントに置き換わることがあります。
viewBox は図形が描かれる座標系を定義します。width と height は既定の描画サイズ、viewBox は拡大縮小の仕方を決めます。viewBox がないファイルでは、ブラウザが想定する値を表示します。
整形式かどうかは検証できます。ファイルは XML として解析され、解析エラーはブラウザが出したメッセージとともに表示されます。SVG 仕様への完全準拠チェックは行いません。
いいえ。読み込みも描画もすべてブラウザ内で完結します。