1. Produk
  2.   Font
  3.   Node.js
  4.   OpenType.js
 
  

Perpustakaan JavaScript Percuma untuk Penguraian & Penulisan Fon

Perpustakaan JavaScript Sumber Terbuka yang membolehkan Mengurai, Membaca dan Menulis fon TrueType atau OpenType. Ia menyokong Pengurusan Fon, Metrik Glif & Susun Atur Teks dalam aplikasi JS.

Dalam bidang pembangunan perisian web dan tipografi digital, mengendalikan fail fon serta mencipta pengalaman rendering teks yang lancar boleh menjadi tugas yang mencabar. Walau bagaimanapun, bekerja dengan fon OpenType boleh menjadi sukar, terutamanya apabila melibatkan akses kepada ciri tipografi lanjutan mereka. Di sinilah OpenType.js berperanan – perpustakaan sumber terbuka yang revolusioner yang memudahkan kerja dengan fon OpenType dalam pelayar. Salah satu manfaat utama OpenType.js ialah keupayaannya untuk mempermudah proses bekerja dengan fon OpenType. Tidak seperti perpustakaan lain yang memerlukan pengetahuan mendalam tentang teknologi fon, OpenType.js menyediakan API yang mudah difahami yang memudahkan permulaan.

OpenType.js ialah perpustakaan JavaScript yang menyediakan API yang mudah dan intuitif untuk mengakses ciri tipografi lanjutan fon OpenType. Dengan OpenType.js, pembangun perisian dapat dengan mudah mengakses ciri seperti ligatur, glif alternatif, fon berubah-ubah, dan sebagainya, membolehkan mereka mencipta reka bentuk tipografi yang kompleks dan canggih. Selain daripada mengurai dan memanipulasi fon sedia ada, opentype.js juga menyokong penciptaan fail fon baru dari awal. Ciri ini berharga bagi pembangun yang ingin menjana fon khusus secara programatik. Sebagai perpustakaan JavaScript, opentype.js boleh digunakan dalam persekitaran sisi pelanggan dan sisi pelayan, menjadikannya pilihan fleksibel untuk pelbagai projek. Secara keseluruhan, ia merupakan perpustakaan yang kuat dan serba boleh yang menyediakan cara yang mudah dan intuitif untuk bekerja dengan fon OpenType dalam pelayar.

Previous Next

Mula Menggunakan Opentype.js

Cara yang disarankan untuk memasang OpenType.js ialah menggunakan NPM. Sila gunakan perintah berikut untuk pemasangan yang lancar.

Pasang Opentype.js menggunakan npm

 npm install opentype.js

Anda juga boleh memasangnya secara manual; muat turun fail pelepasan terkini secara langsung dari repositori GitHub.

Penguraian Fon dalam Aplikasi Node.js

Salah satu ciri teras OpenType.js ialah keupayaannya untuk mengurai fail fon OpenType dan TrueType dengan hanya beberapa baris kod JavaScript. Ini membolehkan pembangun perisian membaca dan memahami struktur fon, termasuk glif, maklumat kerning, dan data penting lain. Dalam contoh berikut, fon Roboto Regular dimuatkan daripada fail TTF. Perpustakaan mengurai fon tersebut, menjadikan datanya tersedia untuk manipulasi selanjutnya.

Bagaimana Memuat dan Menguraikan Fon daripada Fail TTF dalam Node.js??

const opentype = require('opentype.js');

// Load a font from a file
opentype.load('fonts/Roboto-Regular.ttf', function(err, font) {
    if (err) {
        console.error('Font could not be loaded:', err);
    } else {
        console.log('Font loaded successfully:', font);
        console.log('Number of glyphs:', font.numGlyphs);
    }
});

Akses & Ubah Suai Glif Fon dalam Node.js

Perpustakaan sumber terbuka Node.js OpenType.js membolehkan pembangun perisian mengakses dan memanipulasi glif individu dalam fon di dalam aplikasi Node.js. Glif adalah representasi visual bagi aksara dalam fon. Dengan ciri ini, anda boleh mengekstrak laluan glif, mengubahnya, atau malah mencipta glif baru. Berikut ialah serpihan kod yang memuatkan fon, mengambil glif untuk aksara "A," dan kemudian menskalakan glif tersebut sebanyak 1.5 kali saiz asalnya. Kaedah toPathData() menukar laluan glif menjadi data laluan SVG, yang boleh digunakan untuk rendering atau manipulasi selanjutnya.

Bagaimana Memuat Fon dan Mengubah Suai Glif dalam Aplikasi Node.js?

const opentype = require('opentype.js');

// Load a font and modify a glyph
opentype.load('fonts/Roboto-Regular.ttf', function(err, font) {
    if (err) {
        console.error('Font could not be loaded:', err);
    } else {
        const glyph = font.charToGlyph('A');
        console.log('Original Glyph Path:', glyph.path.toPathData());

        // Modify the glyph path (e.g., scale it)
        glyph.path.scale(1.5);
        console.log('Scaled Glyph Path:', glyph.path.toPathData());
    }
});

Bekerja dengan Jadual Fon melalui Perpustakaan Node.js

OpenType.js memberikan pemaju akses kepada jadual fon asas, yang menyimpan maklumat terperinci tentang reka bentuk dan metrik fon. Ini boleh menjadi sangat berguna untuk manipulasi atau analisis fon lanjutan. Potongan kod dalam contoh berikut menunjukkan cara mengakses jadual fon tertentu, seperti jadual head (yang mengandungi maklumat pengepala fon) dan jadual hhea (yang memegang metrik pengepala mendatar). Jadual-jadual ini menyediakan butiran penting yang boleh digunakan untuk kawalan tepat ke atas rendering dan susun atur fon.

Bagaimana Mengakses Jadual Fon Spesifik dan Fon di Dalamnya menggunakan Perpustakaan Node.js?

const opentype = require('opentype.js');

opentype.load('path/to/font.ttf', function(err, font) {
  if (err) {
    console.error('Font could not be loaded: ' + err);
  } else {
    // Access the 'head' table (font header)
    const headTable = font.tables.head;
    console.log('Units per Em: ' + headTable.unitsPerEm);

    // Access the 'hhea' table (horizontal header)
    const hheaTable = font.tables.hhea;
    console.log('Ascender: ' + hheaTable.ascender);
    console.log('Descender: ' + hheaTable.descender);
  }
});
 Melayu