SVGビューアー 🖼️

SVGビューアーについて

このSVGビューアーは、すべてブラウザ内で完結します。上の入力欄にSVGマークアップを貼り付け、レンダリングをクリックすると、プレビュー領域に即座に描画されます。サーバーへのアップロードは一切なく、JavaScriptによってあなたのデバイス上で瞬時に処理されます。

機能

• 即時プレビュー —— SVGマークアップをリアルタイムにレンダリング、アップロード不要。
• PNGダウンロード —— SVGを高解像度のPNG画像に変換。
• SVGコピー —— 現在のSVGマークアップをクリップボードに素早くコピー。
• サニタイズレンダリング —— scriptタグを除去し、意図しないコード実行を防止。
• 透明チェッカーボード背景 —— 透明部分を簡単に確認。

SVGビューアーの使い方

1. SVGマークアップを入力ボックスに貼り付けます。
2. レンダリングをクリックしてプレビュー領域にSVGを描画します。
3. PNGをダウンロードでレンダリングされた画像をPNGファイルとして保存。
4. SVGをコピーでマークアップをコピー、クリアでやり直せます。

よくある質問

任意のSVGを貼り付けても安全ですか？ レンダリング前にscriptタグとイベントハンドラを除去して安全を保ちます。ただし、信頼できるソースのSVGのみレンダリングすることを推奨します。

PNGの出力解像度は？ PNGはSVGの自然なピクセルサイズでレンダリングされます。より大きな出力が必要な場合は、SVGマークアップ内のwidthとheightを大きくしてください。

アニメーションSVGに対応していますか？ はい。アニメーションSVGはプレビュー領域で再生されますが、PNGエクスポートは単一フレームのみキャプチャします。

SVGはアップロードされますか？ いいえ。すべてのレンダリングはローカルブラウザで行われ、SVGマークアップがデバイスから外に出ることはありません。