Konversi TTF ke SVG di JavaScript

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

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:
  1. Pilih file TTF input.
  2. Buat FileReader.
  3. Panggil fungsi AsposeFontConvertToSVG.
  4. Tetapkan nama file hasil di json.fileNameResult.
  5. Setelah itu, periksa apakah json.errorCode adalah 0, dan ambil tautan ke file hasil. Jika json.errorCode bukan 0, detail kesalahan akan tersedia di json.errorText.
  6. 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

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.

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.

Lihat Juga