Alat developer / 19

Visualizer & Inspector Perintah SVG Path

Urai data path SVG (atribut d) menjadi token, parameter perintah, dan render visual.

Visualizer & Inspector Perintah SVG Path: TOEA melakukan tokenisasi instruksi path (M, L, C, Q, A, Z) dan merender pratinjau kanvas SVG interaktif. Berjalan 100% lokal di browser Anda tanpa upload file ke server.

Dijalankan
Di browser Anda
Biaya
Gratis · tanpa daftar
Ketersediaan
Siap digunakan

Perintah Path (4 token)

MMove To (Absolute)M 10 80
QQuadratic Bezier Curve (Absolute)Q 52.5 10, 95 80
TSmooth Quadratic Bezier (Absolute)T 180 80
ZClose PathZ

Membaca command

Command huruf besar menggunakan koordinat absolut, sedangkan huruf kecil bergerak relatif terhadap titik saat ini. Masing-masing menerima jumlah nilai tetap: H dan V satu, M, L, dan T dua, S dan Q empat, C enam, A tujuh, dan Z tidak ada. Nilai tambahan mengulangi command, dan pasangan tambahan setelah M diperlakukan sebagai L. Tujuh nilai pada arc adalah dua radius, rotasi, dua flag untuk memilih arc besar atau kecil beserta arahnya, dan titik akhir.

Ukuran pratinjau dan angka ringkas

Pratinjau menampilkan area 200 × 200 unit dari titik asal. Ikon yang digambar pada grid 24 unit akan terlihat kecil di sudut kiri atas, sedangkan path dari set ikon 512 unit keluar dari tepi; itu adalah canvas, bukan path-nya.

Optimizer sering menghapus pemisah dan menulis M10-5 atau .5.5 untuk dua angka. Perinciannya membacanya seperti browser: tanda minus atau titik desimal kedua memulai angka baru, sehingga .5.5 berarti 0.5 dan 0.5. Flag arc adalah satu digit, jadi dalam a5 5 0 015 5, flag-nya adalah 0 dan 1, sedangkan titik akhirnya 5 5. Untuk mengubah bentuk, bukan sekadar membacanya, buka di SVG editor.

Cara menggunakannya

  1. Tempel data path SVG (mis. M10 10 L90 90 Z).
  2. Periksa token perintah dan deskripsinya.
  3. Lihat pratinjau path vektor yang dirender.

Privasi & batasan

Pemrosesan 100% di sisi browser tanpa penyimpanan data.

Alat terkait

Pertanyaan umum

Perintah path SVG apa yang dapat diurai?

Mendukung MoveTo, LineTo, Cubic Bezier, Quadratic Bezier, Elliptical Arc, dan ClosePath (absolut dan relatif).

Alat gratis · berjalan di browser anda · tanpa perlu akun