jscad text
1.0.0
Dieses Projekt enthält eine Reihe von Funktionen, die mithilfe von TTF-Schriftarten 2D-Textumrisse erstellen.
Das JSCAD-Projekt bietet nicht die Möglichkeit, TTF-Schriftarten beim Erstellen von Textkonturen zu verwenden (es unterstützt nur SIMPLEX-Schriftarten). Daher wurde ein spezieller Satz an Funktionen zur Ergänzung von JSCAD erstellt.
HINWEIS: Aufgrund der Art der TTF-Schriftarten kann diese Bibliothek nicht über die JSCAD-Web-Benutzeroberfläche verwendet werden. Lesen Sie weiter...
Grundsätzlich hängt diese Bibliothek von der Bibliothek „opentype.js“ ab. Es ist eine wirklich coole Bibliothek, die einige raffinierte Sachen macht; dekomprimiert die Schriftart, liest den Inhalt und erzeugt SVG-ähnliche Strukturen.
Aber auch vorher muss eine TTF-Fontdatei vorhanden sein. Alle Betriebssysteme verfügen über eine oder mehrere Schriftarten, und diese können verwendet werden, wenn Sie sie finden. Schriftarten können auch von Websites heruntergeladen werden.
Es gibt zwei Beispiele; eine, die lokale Schriftartendateien liest, und eine, die Schriftarten von Google Fonts herunterlädt.
Für Node.js-basierte Projekte kann dieses Paket mit NPM installiert werden.
npm install jscad-text
Für eigenständige Projekte kann dieses Paket heruntergeladen und als Komponente eingebunden werden.
Jedes der Beispiele ist ein kleines eigenständiges NPM-Projekt; localfont und googlefont.
Dieses Projekt ist am einfachsten zu verwenden, da Schriftarten aus lokalen Dateien gelesen werden. Suchen Sie einfach eine schöne Schriftart und kopieren Sie die Datei in den Ordner „localFont“.
Aufstellen:
npm install
cd localfont
ln -s ../../jscad-text ./jscad-text
cd ..
Ausführung:
npm run example
Und öffnen Sie „localfont/index.svg“ mit einem beliebigen Browser.
Der Inhalt von „index.js“ kann geändert werden, um den Pfad zur Schriftartdatei oder die Optionen der Funktion textToPaths() zu ändern. Dies ist ebenfalls ein typisches JSCAD-Design und kann so konfiguriert werden, dass Sie mit den Pfaden machen, was Sie wollen.
Dieses Projekt bezieht Schriftarten von der Google Fonts-Website. Gehen Sie einfach dorthin, finden Sie eine schöne Schriftartenfamilie und notieren Sie den Namen.
Eine weitere coole Bibliothek namens „node-fetch“ wird verwendet, um die Schriftart aus dem Internet herunterzuladen.
Aufstellen:
cd googlefont
npm install
ln -s ../../jscad-text ./jscad-text
Ausführung:
npm run cli
Und öffnen Sie „text.svg“ mit einem beliebigen Browser.
Immer noch da...
Hier erfahren Sie, wie Sie diese Bibliothek in einem Projekt verwenden (JSCAD-Design).
Falls noch nicht geschehen, erstellen Sie einen neuen Ordner für das Projekt. (In diesem Beispiel wird „newproject“ als Ordnername verwendet.)
Laden Sie diese Bibliothek herunter, entpacken Sie sie und kopieren Sie alles in den Projektordner. Klicken Sie oben auf den grünen CODE und wählen Sie ZIP herunterladen.
Suchen Sie nun eine Schriftart und kopieren Sie diese in den Projektordner.
Erstellen Sie im Projektordner eine Datei mit dem Namen index.js und fügen Sie den folgenden Code hinzu.
const { primitives } = require('@jscad/modeling')
const { loadFontFromData, textToPaths } = require('./jscad-text-master')
const fs = require('fs')
const main = (params) => {
const data = fs.readFileSync('newproject/Habana.ttf') // CHANGE THIS TO THE FONT FILE NAME
const font = loadFontFromData(data)
const paths = textToPaths({font, segments: 144}, 'JSCAD ROCKS!!')
return paths
}
module.exports = { main }
Fast da. Laden Sie jetzt die opentype.js-Bibliothek hier herunter; https://github.com/opentypejs/opentype.js Entpacken Sie den Inhalt und kopieren Sie opentype.js/dist/opentype.js nach newproject/jscad-text-master/src/opentype.js
Erledigt!
Jetzt ziehen Sie den Projektordner einfach per Drag & Drop auf die JSCAD-Website.
DIESES PROJEKT FUNKTIONIERT NUR MIT JSCAD V2.
Einige Tipps finden Sie im Benutzerhandbuch.
Die MIT-Lizenz (MIT)
