Pemapar Kod SVG - Periksa dan salin markup SVG yang bersih
Muat naik sebarang fail SVG untuk memvisualisasikan vektor, analisis strukturnya dan salin kod yang diformat dengan serta-merta.
Muat naik fail SVG anda
Letakkan SVG anda di sini
Hanya fail SVG sehingga 5MB disokong. Fail anda tidak meninggalkan penyemak imbas ini.
atau seret & lepaskan ke dalam kotak ini.
Markup SVG yang diformat
Contoh Penggunaan
Ikon SVG Ringkas
Bentuk bintang lima bucu yang dibina dengan satu elemen polygon.
<svg viewBox="0 0 100 100" xml...
Logo SVG dengan Kecerunan
Logo bulat yang menggunakan kecerunan linear untuk rupa moden.
<svg viewBox="0 0 100 100" xml...
Animasi SVG
Elemen segi empat berputar menggunakan SVG animateTransform.
<svg viewBox="0 0 100 100" xml...
Mengapa menggunakan Pemapar Kod SVG?
Pratonton segera
Render karya seni SVG dengan serta-merta untuk mengesahkan warna, lejang dan bentuk.
Markup yang boleh dibaca
Memformat XML secara automatik dengan inden yang bersih untuk semakan yang lebih mudah.
Pemeriksaan pantas
Mengira laluan, kumpulan dan mengesan viewBox / dimensi sepintas lalu.
Selamat & tempatan
Pemprosesan SVG berlaku dalam penyemak imbas anda, tiada apa yang dimuat naik atau disimpan.
Bagaimana untuk melihat kod SVG?
Muat naik SVG
Pilih fail SVG atau seretnya ke dalam kotak muat naik.
Semak pratonton & statistik
Periksa pratonton langsung dan pembilang struktur (laluan, kumpulan, viewBox).
Salin atau muat turun
Salin kod yang diformat atau muat turun SVG yang dibersihkan dengan serta-merta.
Soalan lazim
Apakah Pemapar Kod SVG?
Pemapar kod SVG membolehkan anda membuka fail vektor, melihat pratonton langsung dan menyalin markup yang diformat tanpa memasang Illustrator atau Figma. Sesuai untuk pembangun dan pereka yang perlu memeriksa ikon yang dieksport atau berkongsi potongan kod bersih dengan rakan sepasukan.
Ciri Utama
Muat naik sebarang SVG dan dapatkan pratonton yang dirender serta XML berinden kemas dengan serta-merta. Alat ini mengira laluan, kumpulan dan mengesan viewBox supaya anda boleh mengesahkan struktur sepintas lalu. Salin kod atau muat turun fail dengan satu klik.
Kes Penggunaan Biasa
Pembangun front-end menggunakannya untuk mengaudit eksport SVG sebelum memasukkannya ke dalam kod. Pereka berkongsi potongan kod yang diformat dalam pull request bukannya tangkapan skrin. Penyelenggara perpustakaan ikon menyemak kumpulan tidak perlu yang ditinggalkan oleh alat reka bentuk.
Petua
Jika SVG anda kelihatan besar, cari kumpulan kosong atau transformasi berlebihan dalam kod yang diformat. Bersihkan dan muat turun semula. Untuk pengeluaran, jalankan hasil melalui minifier selepas semakan.
Privasi
Fail tidak pernah meninggalkan penyemak imbas anda. Semua penghuraian dan pemformatan berlaku di sisi pelanggan, jadi anda boleh memeriksa aset proprietari dengan selamat.