← Reka Bentuk & CSS
Reka Bentuk & CSS · berjalan secara setempat

Renderer HTML ke SVG

Tukarkan serpihan HTML yang telah disanitasi menjadi kanvas SVG berskala yang teks dan tataletaknya kekal tajam pada saiz paparan yang berbeza.

Data kerja anda kekal dalam pelayar ini.

Mengapa alat ini berguna

Cipta mockup vektor kendiri, rajah dokumentasi atau sampel antara muka boleh guna semula daripada HTML yang tidak mengandungi sumber jauh.

Bagaimana ia berfungsi

Pelayar mengalih keluar penanda boleh laksana dan berkeupayaan rangkaian, membungkus XHTML yang tinggal dalam SVG foreignObject, dan mengeksport kanvas terikat yang tepat sebagai teks.

Contoh praktikal

Hasilkan kad produk 1200 × 630, periksa sumber SVG yang dijana dan simpan artifak vektor untuk halaman dokumentasi responsif.

Pengesahan

Pengiraan adalah deterministik dan menerangkan ralat pengesahan dan bukannya menukar input tidak sah secara senyap.

Sempadan privasi

Input dan output kekal dalam tab ini. Penyalinan dan muat turun berlaku melalui API pelayar tanpa muat naik ke pelayan.

Pasport keputusan

Setiap operasi melaporkan mod alat, cap masa dan saiz input/output supaya data yang diubah suai boleh diaudit.