[ad_1]
Apa itu Konverter Stroke ke Isi SVG Online?
Konverter Stroke ke Isi SVG adalah a alat online gratis yang mengubah elemen guratan SVG menjadi elemen pengisi. Jika Anda pernah mengekspor ikon SVG dari Figma atau Illustrator dan memperhatikan tampilannya berbeda di browser, atau terlihat aneh saat Anda memperbesarnya, kemungkinan besar itu adalah masalah stroke. Goresan di SVG tidak selalu berperilaku sama di berbagai browser, perangkat, dan alat desain. Mengonversinya menjadi isian akan memperbaikinya.
Masalah utama dengan guratan SVG adalah penskalaan. Saat Anda mengubah ukuran SVG yang menggunakan guratan, lebar guratan juga akan berskala secara proporsional, yang dapat membuat garis terlihat terlalu tebal atau terlalu tipis bergantung pada ukurannya. Isian tidak memiliki masalah ini — hanya berupa bentuk, dan bentuk berskala persis seperti yang Anda harapkan. Selain itu, browser yang berbeda menangani stroke-linecap, stroke-linejoin, dan stroke-dasharray sedikit berbeda, yang menyebabkan ketidakkonsistenan yang mengganggu tersebut.
Alat ini menggunakan perpustakaan oslllo-svg-fixer di bawah tenda. Dibutuhkan setiap jalur di SVG Anda yang menggunakan guratan dan mengubahnya menjadi jalur terisi yang setara. Hasil visualnya terlihat sama, namun kode SVG yang mendasarinya jauh lebih dapat diandalkan di seluruh platform.
Konversi Stroke SVG untuk Mengisi – Sebelum & Sesudah
Kapan Anda Membutuhkan Ini?
Anda mungkin memerlukan alat ini jika Anda menghadapi salah satu situasi berikut:
- Ikon SVG Anda terlihat berbeda ukuran atau ketebalan pada ukuran layar berbeda
- SVG yang sama terlihat bagus di Chrome tetapi sedikit tidak berfungsi di Safari atau Firefox
- Anda sedang membangun perpustakaan ikon dan menginginkan rendering yang konsisten di mana saja
- SVG Anda terlihat salah saat diimpor ke kerangka aplikasi seluler seperti React Native atau Flutter
- Anda mengirim SVG ke toko percetakan dan mereka meminta Anda untuk mengubah guratan menjadi garis besar
- SVG animasi berperilaku aneh karena sifat guratan
Dalam alat desain seperti Illustrator, ini disebut “Outline Stroke” atau “Expand Stroke”. Konsepnya sama — Anda mengubah garis dengan lebar menjadi bentuk terisi. Bedanya, alat ini melakukannya untuk kode SVG secara langsung, tanpa perlu membuka aplikasi desain.
Konverter menangani semua properti guratan SVG standar — lebar guratan, guratan-linecap, guratan-linejoin, guratan-dasharray, apa saja. Ia bekerja dengan jalur, lingkaran, persegi panjang, elips, garis poli, dan poligon. Semua atribut SVG lainnya seperti warna, gradien, opacity, dan viewBox dipertahankan sebagaimana adanya.
Bagaimana cara menggunakan SVG Stroke to Fill Converter Online?
Mengonversi SVG Anda sederhana.
- Unggah file SVG Anda dengan menyeretnya ke area unggahan atau klik untuk menelusuri.
- Alat ini secara otomatis akan mengubah semua goresan menjadi isian. Anda dapat melihat hasilnya di pratinjau.
- Unduh SVG yang dikonversi atau salin kode SVG langsung ke clipboard Anda.
File yang dikonversi akan terlihat persis sama dengan aslinya, tetapi akan ditampilkan secara konsisten di mana pun Anda menggunakannya. Untuk SVG yang sangat kompleks dengan banyak jalur, konversi mungkin memerlukan waktu satu atau dua detik lebih lama.