SVGプレビュー
SVG入力
0文字
ローカルプレビュー、信頼できないソースからのスクリプト内容を貼り付けないでください
SVG入力
0文字
ローカルプレビュー、信頼できないソースからのスクリプト内容を貼り付けないでください
プレビュー
「入力」にSVGを貼り付けまたは記述左側にSVGコードを貼り付けまたは入力
「入力」にSVGを貼り付けまたは記述左側にSVGコードを貼り付けまたは入力
SVGソースコードまたはBase64コードをエディタに貼り付けるだけで、ツールが即座にベクターグラフィックをレンダリングします。フロントエンド開発でアイコンをデバッグしている場合でも、UIデザインでパスを確認している場合でも、リアルタイムプレビューでコードの問題をすばやく見つけて修正できます。
はい。リアルタイムのコード統計とフォーマット機能が組み込まれており、現在の入力文字数を自動表示し、XML構文ハイライトをサポートします。デスクトップの分割表示レイアウトにより、コードを編集しながらベクターレンダリングの変更を即座に確認できます。
はい。プレビューに満足したら、カスタムファイル名を設定し、ワンクリックでコードを標準の.svgベクターファイルとしてダウンロードできます。フロントエンドの素材保存、アイコンライブラリの整理、最適化されたSVGコードのエクスポートに便利です。
はい。フロントエンド開発者とデザイナー専用に設計されており、サンプルコードやカスタムコードをすばやく読み込み、ベクターパスを正確にレンダリングできます。アイコンの配置確認、SVGアニメーションコードのテスト、Lottie JSONやUIイラストのプレビューなど、すべて簡単に行えます。
はい。モバイルレスポンシブデザインを採用しており、スマートフォンやタブレットでもスムーズにコードを入力し、レンダリング効果を確認し、ファイルをダウンロードできます。いつでもどこでもベクターグラフィックの表示とデバッグニーズに対応します。