![Konversi TTF ke SVG di JavaScript](images/convert-ttf-to-svg-in-javascript.jpg#center)
Mengonversi file TTF (TrueType Font) ke SVG (Scalable Vector Graphics) di JavaScript memungkinkan pengembang menggunakan font kustom dalam format berbasis vektor yang dapat diskalakan, cocok untuk proyek web. Proses ini melibatkan pembacaan file TTF, ekstraksi glyph font, dan konversi menjadi data path SVG. Dalam artikel ini, kita akan mempelajari cara mengonversi TTF ke SVG di JavaScript.
Artikel ini mencakup topik berikut:
- Library JavaScript untuk Mengonversi TTF ke SVG
- Konversi TTF ke SVG menggunakan JavaScript
- Konversi TTF ke SVG Online
- Dapatkan Lisensi Gratis
- Sumber Daya Gratis
Library JavaScript untuk Mengonversi TTF ke SVG
Kita akan menggunakan Aspose.Font untuk JavaScript library untuk melakukan konversi TTF ke SVG. Ini memungkinkan pengembang untuk memanipulasi, mengekstrak, dan mengelola data font dalam berbagai format, termasuk TrueType (.ttf), OpenType (.otf), dan lainnya.
Silakan unduh library dan ikuti instruksi untuk menginstal Aspose.Font untuk JavaScript.
Konversi TTF ke SVG menggunakan JavaScript
Kita dapat dengan mudah mengonversi font TrueType ke format SVG di JavaScript dalam aplikasi web. Kita akan memuat file TTF dan kemudian mengonversinya ke format SVG. Sebuah thread web worker akan menangani tugas-tugas yang memerlukan banyak sumber daya untuk menghindari memblokir thread UI utama. Ini membuat aplikasi konverter kita lebih ramah pengguna, menyederhanakan proses konversi, dan memungkinkan pengunduhan file secara efisien.
Silakan ikuti langkah-langkah di bawah ini untuk mengonversi font TrueType menjadi SVG menggunakan JavaScript:
- Buat web worker menggunakan cuplikan kode berikut:
- Konversi TTF ke SVG dengan mengikuti langkah-langkah berikut:
- Pilih file TTF input.
- Buat
FileReader
. - Panggil fungsi
AsposeFontConvertToSVG
. - Tetapkan nama file hasil di
json.fileNameResult
. - Setelah itu, periksa apakah
json.errorCode
adalah 0, dan ambil tautan ke file hasil. Jikajson.errorCode
bukan 0, detail kesalahan akan tersedia dijson.errorText
. - Akhirnya, fungsi
DownloadFile
kemudian menghasilkan tautan, memungkinkan pengguna untuk mengunduh file hasil ke sistem operasi mereka.
Contoh kode berikut menunjukkan cara mengonversi file font TrueType ke format SVG menggunakan JavaScript.
![Konversi TTF ke SVG di JavaScript](images/convert-ttf-to-svg-in-javascript-demo.gif#center)
Coba Konverter TTF ke SVG Gratis Online
Anda juga dapat mengonversi file TTF Anda ke SVG menggunakan alat konverter TTF ke SVG online gratis ini. Anda dapat mengaksesnya menggunakan browser web apa pun di platform apa pun.
![](images/ttf-to-svg-free-online-converter.jpg)
Dapatkan Library Font JavaScript
Anda dapat mendapatkan lisensi sementara gratis untuk mencoba library font JavaScript tanpa batasan evaluasi.
Font TrueType ke SVG - Sumber Daya Gratis
Selain mengonversi font TrueType ke format SVG, jelajahi berbagai fitur lain dari library menggunakan sumber daya di bawah ini:
Kesimpulan
Sebagai kesimpulan, mengonversi TTF ke SVG menggunakan JavaScript adalah cara yang ampuh untuk menghadirkan font kustom ke dalam proyek web Anda dengan grafik berkualitas tinggi yang dapat diskalakan. Kami telah mengeksplorasi cara membaca file TTF, mengekstraksi glyph font, dan mengubahnya menjadi path SVG menggunakan library Font JavaScript. Jika Anda memiliki pertanyaan, jangan ragu untuk menghubungi kami di forum dukungan gratis kami.