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

Nemokama JavaScript biblioteka šriftų analizei ir rašymui

Atviro kodo JavaScript biblioteka, leidžianti analizuoti, skaityti ir rašyti TrueType arba OpenType šriftus. Ji palaiko šriftų tvarkymą, glifo matmenis ir teksto išdėstymą JS programose.

Programinės įrangos žiniatinklio kūrimo ir skaitmeninės tipografijos srityje šriftų failų tvarkymas ir sklandaus teksto atvaizdavimo patirčių kūrimas gali būti sudėtinga užduotis. Tačiau dirbti su OpenType šriftais gali būti sudėtinga, ypač kai kalbama apie jų pažangių tipografinių funkcijų prieigą. Čia į pagalbą įsijungia OpenType.js – revoliucinė atviro kodo biblioteka, kuri palengvina darbą su OpenType šriftais naršyklėje. Vienas pagrindinių OpenType.js privalumų yra jos gebėjimas supaprastinti procesą, susijusį su OpenType šriftų naudojimu. Skirtingai nuo kitų bibliotekų, kurios reikalauja išsamios šriftų technologijos žinios, OpenType.js suteikia tiesioginę API, leidžiančią lengvai pradėti.

OpenType.js yra JavaScript biblioteka, kuri suteikia paprastą ir intuityvią API prieigai prie pažangių OpenType šriftų tipografinių funkcijų. Su OpenType.js programinės įrangos kūrėjai gali lengvai naudotis tokiais funkcijomis kaip ligatūros, alternatyvūs glifai, kintamieji šriftai ir pan., leidžiančiais kurti sudėtingus ir rafinuotus tipografijos dizainus. Be esamų šriftų analizės ir manipuliavimo, opentype.js taip pat palaiko naujų šriftų failų kūrimą nuo nulio. Ši funkcija yra vertinga kūrėjams, norintiems programiškai generuoti pasirinktinius šriftus. Kadangi tai yra JavaScript biblioteka, opentype.js gali būti naudojama tiek kliento, tiek serverio aplinkoje, todėl tai lankstus pasirinkimas įvairiems projektams. Iš viso tai galinga ir universalus biblioteka, kuri suteikia paprastą ir intuityvų būdą dirbti su OpenType šriftais naršyklėje.

Previous Next

Pradžia su Opentype.js

Rekomenduojamas būdas įdiegti OpenType.js yra naudojant NPM. Prašome naudoti šią komandą sklandžiam įdiegimui.

Įdiekite Opentype.js naudodami npm

 npm install opentype.js

Taip pat galite įdiegti jį rankiniu būdu; atsisiųskite naujausius leidimo failus tiesiai iš GitHub saugyklos.

Šriftų analizė Node.js programose

Viena iš pagrindinių OpenType.js savybių yra jos gebėjimas išanalizuoti OpenType ir TrueType šriftų failus vos keliais JavaScript kodo eilutėmis. Tai leidžia programinės įrangos kūrėjams skaityti ir suprasti šrifto struktūrą, įskaitant jo glifus, kerning informaciją ir kitus esminius duomenis. Tolimesniame pavyzdyje Roboto Regular šriftas įkeliamas iš TTF failo. Biblioteka analizuoja šriftą, padarydama jo duomenis prieinamus tolesniam manipuliavimui.

Kaip įkelti ir analizuoti šriftą iš TTF failo Node.js aplinkoje??

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);
    }
});

Prieiga ir šrifto glifų manipuliavimas Node.js aplinkoje

Atviro kodo Node.js biblioteka OpenType.js leidžia programinės įrangos kūrėjams prieiti prie atskirų glifų šrifte ir juos manipuliuoti Node.js programose. Glifai yra vizualios simbolių šrifte atvaizdavimo formos. Su šia funkcija galite išgauti glifų kontūrus, juos modifikuoti arba net kurti naujus glifus. Štai kodo fragmentas, kuris įkelia šriftą, išgauna "A," simbolio glifą ir tada padidina glifą 1,5 karto didesniu nei jo originalus dydis. Metodas toPathData() konvertuoja glifo kontūrą į SVG kelio duomenis, kurie gali būti naudojami atvaizdavimui arba tolesniam manipuliavimui.

Kaip įkelti šriftą ir modifikuoti glifą Node.js programose?

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());
    }
});

Darbas su šriftų lentelėmis per Node.js biblioteką

OpenType.js suteikia kūrėjams prieigą prie pagrindinių šriftų lentelių, kurios saugo išsamų informaciją apie šrifto dizainą ir matmenis. Tai gali būti ypač naudinga pažangiam šriftų manipuliavimui ar analizei. Tolimesniame pavyzdyje pateiktas kodo fragmentas rodo, kaip pasiekti konkrečias šriftų lenteles, pvz., head lentelę (kurioje yra šrifto antraštės informacija) ir hhea lentelę (kuri saugo horizontalių antraščių matmenis). Šios lentelės pateikia esminius duomenis, kurie gali būti naudojami tiksliai valdyti šrifto atvaizdavimą ir išdėstymą.

Kaip pasiekti konkrečias šriftų lenteles ir šriftą juose naudojant Node.js biblioteką?

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);
  }
});
 Lietuvių