SVG Path Parser
Tempel data path SVG untuk menguraikannya menjadi komponen yang mudah dibaca — lengkap dengan rincian field dan, jika relevan, pohon strukturnya. Semua diproses di perangkat Anda.
Semua proses berjalan di browser Anda. Data tidak pernah dikirim ke server kami.
Contoh
Contoh Input
M10 10 L90 10 Z
Contoh Output
moveto, lineto, closepath
Cara Penggunaan
- 1Tempel data path SVG yang ingin diuraikan ke dalam kolom input.
- 2Jika tool meminta kolom tambahan (mis. JSON Pointer atau JSONPath), isi juga.
- 3Klik Parse (atau tekan Ctrl+Enter).
- 4Lihat rincian komponen di tab Komponen, struktur pohon di tab Pohon (jika ada), dan JSON ternormalisasi di tab JSON. Klik Salin untuk menyalin JSON-nya.
Tentang SVG Path Parser
SVG Path Parser menguraikan atribut "d" sebuah path SVG menjadi daftar perintahnya (moveto, lineto, kurva bézier, arc, closepath) beserta argumennya. Tool menghitung tiap jenis perintah.
Menerima string d mentah atau elemen <path> lengkap. Berguna untuk memahami atau men-debug bentuk vektor.
Pertanyaan Umum (FAQ)
Apakah data saya dikirim ke server?
Tidak. Seluruh proses penguraian (parsing) dilakukan di browser Anda dengan JavaScript. Tidak ada yang diunggah, dicatat, atau disimpan di server kami — aman untuk data sensitif.
Apa bedanya parser ini dengan validator atau formatter?
Parser mengubah input mentah menjadi struktur komponennya sehingga Anda bisa melihat bagian-bagian penyusunnya (dan, untuk kode, pohon AST/DOM-nya). Validator hanya memeriksa benar/salah, sedangkan formatter merapikan tampilannya. Parser berfokus pada "apa isi dan strukturnya".