1. Termékek
  2.   Font
  3.   Node.js
  4.   OpenType.js
 
  

Ingyenes JavaScript könyvtár betűtípusok elemzéséhez és írásához

Nyílt forráskódú JavaScript könyvtár, amely lehetővé teszi a TrueType vagy OpenType betűtípusok elemzését, olvasását és írását. Támogatja a betűtípus-kezelést, a glif metrikákat és a szöveg elrendezést JS alkalmazásokban.

A szoftveres webfejlesztés és a digitális tipográfia területén a betűtípus-fájlok kezelése és a zökkenőmentes szövegmegjelenítés megteremtése komoly feladat lehet. Különösen nehéz az OpenType betűtípusokkal dolgozni, ha azok fejlett tipográfiai funkcióinak eléréséről van szó. Itt jön képbe az OpenType.js – egy forradalmi nyílt forráskódú könyvtár, amely megkönnyíti az OpenType betűtípusok böngészőben történő használatát. Az OpenType.js egyik fő előnye, hogy leegyszerűsíti az OpenType betűtípusokkal való munkát. Más könyvtárakkal ellentétben, amelyek alapos betűtípus-technológiai ismereteket igényelnek, az OpenType.js egy egyszerű API-t kínál, amely könnyű kezdést tesz lehetővé.

Az OpenType.js egy JavaScript könyvtár, amely egyszerű és intuitív API-t biztosít az OpenType betűtípusok fejlett tipográfiai funkcióinak eléréséhez. Az OpenType.js segítségével a szoftverfejlesztők könnyedén hozzáférhetnek olyan funkciókhoz, mint a ligatúrák, alternatív glifek, változó betűtípusok stb., lehetővé téve számukra összetett és kifinomult tipográfiai tervek létrehozását. A meglévő betűtípusok elemzése és manipulálása mellett az opentype.js támogatja új betűfájlok létrehozását a semmiből. Ez a funkció értékes azok számára, akik programozottan szeretnének egyedi betűtípusokat generálni. Mivel JavaScript könyvtár, az opentype.js mind kliens-, mind szerveroldali környezetben használható, így rugalmas választás különféle projektekhez. Összességében ez egy erőteljes és sokoldalú könyvtár, amely egyszerű és intuitív módot kínál az OpenType betűtípusokkal való munka elvégzésére a böngészőben.

Previous Next

Az Opentype.js használatának megkezdése

A javasolt módja az OpenType.js telepítésének az NPM használata. Kérjük, használja a következő parancsot a zökkenőmentes telepítéshez.

Az Opentype.js telepítése npm használatával

 npm install opentype.js

Telepítheti manuálisan is; töltse le a legújabb kiadási fájlokat közvetlenül a GitHub tárolóból.

Betűtípus elemzés Node.js alkalmazásokban

Az OpenType.js egyik alapvető funkciója, hogy képes csak néhány JavaScript sorral OpenType és TrueType betűtípus fájlokat feldolgozni. Ez lehetővé teszi a szoftverfejlesztők számára, hogy beolvassák és megértsék egy betűtípus felépítését, beleértve a glifjeit, a kerning információkat és egyéb alapvető adatokat. Az alábbi példában a Roboto Regular betűtípust egy TTF fájlból töltjük be. A könyvtár feldolgozza a betűtípust, és elérhetővé teszi az adatokat további manipulációhoz.

Hogyan töltsünk be és elemezzünk betűtípust TTF fájlból Node.js-ben??

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

Betűtípus glifek elérése és módosítása Node.js-ben

Az nyílt forráskódú Node.js könyvtár, az OpenType.js lehetővé teszi a szoftverfejlesztők számára, hogy egy betűtípus egyedi glifjeihez hozzáférjenek és azokat manipulálják Node.js alkalmazásokon belül. A glifek a betűtípus karaktereinek vizuális ábrázolásai. Ezzel a funkcióval kinyerheted a glifek útvonalait, módosíthatod őket, vagy akár új glifeket hozhatsz létre. Itt egy kódrészlet, amely betölt egy betűtípust, lekéri az "A," karakter glifjét, majd a glifet az eredeti méretének 1,5-szeresére méretezi. A toPathData() metódus a glif útvonalát SVG útvonal adatokká konvertálja, amelyeket rendereléshez vagy további manipulációhoz lehet használni.

Hogyan töltsünk be egy betűtípust és módosítsuk a glifet Node.js alkalmazásokban?

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

Munka betűtípus táblákkal Node.js könyvtár segítségével

Az OpenType.js fejlesztők számára hozzáférést biztosít az alapul szolgáló betűtípus-táblákhoz, amelyek részletes információkat tárolnak a betűtípus tervezéséről és metrikáiról. Ez különösen hasznos lehet fejlett betűtípus-műveletekhez vagy elemzésekhez. A következő példában szereplő kódrészlet bemutatja, hogyan lehet elérni bizonyos betűtípus-táblákat, például a head táblát (amely a betűtípus fejlécinformációit tartalmazza) és a hhea táblát (amely a vízszintes fejléc metrikákat tárolja). Ezek a táblák alapvető részleteket nyújtanak, amelyeket a betűtípus megjelenítésének és elrendezésének pontos szabályozásához lehet felhasználni.

Hogyan lehet elérni a specifikus betűtípus-táblákat és a bennük lévő betűtípust a Node.js könyvtár használatával?

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