なぜこのツールが役立つのか
リモートリソースを含まないHTMLから、自己完結型のベクターモックアップ、ドキュメント用図版、または再利用可能なインターフェースサンプルを作成します。
デザイン & CSS · ローカルで実行
HTMLからSVGへのレンダラー
サニタイズされた HTML フラグメントを、異なる表示サイズでもテキストとレイアウトがくっきり保たれるスケーラブルな SVG キャンバスに変換します。
準備完了。作業データはこのブラウザに保存されます。
どのように働くか
ブラウザーは、実行可能でネットワーク接続可能なマークアップを除去し、残りのXHTMLをSVGのforeignObjectで囲み、正確に境界づけられたキャンバスをテキストとしてエクスポートします。
実用例
1200 × 630 の商品カードをレンダリングし、生成された SVG ソースを確認して、レスポンシブなドキュメントページ用にベクターアーティファクトを保持します。
検証
計算は決定的であり、無効な入力を静かに変更するのではなく、検証エラーを説明します。
プライバシー境界
入力と出力はこのタブ内にとどまります。コピーとダウンロードはサーバーアップロードなしでブラウザAPIを通じて行われます。
結果パスポート
各実行はツールモード、タイムスタンプ、入出力サイズを報告するため、変換されたデータの監査が可能です。