jscad text
1.0.0
Ce projet contient un ensemble de fonctions qui produisent des contours 2D de texte à l'aide de polices TTF.
Le projet JSCAD n'offre pas la possibilité d'utiliser les polices TTF lors de la création de contours de texte (il ne prend en charge que les polices SIMPLEX.) Par conséquent, un ensemble spécial de fonctionnalités a été créé pour compléter JSCAD.
REMARQUE : En raison de la nature des polices TTF, cette bibliothèque ne peut pas être utilisée via l'interface utilisateur Web JSCAD. Continuez à lire...
Fondamentalement, cette bibliothèque dépend de la bibliothèque 'opentype.js'. C'est une bibliothèque vraiment cool qui fait des choses astucieuses ; décompresse la police, lit le contenu et produit des structures de type SVG.
Mais avant cela, un fichier de police TTF doit être disponible. Tous les systèmes d'exploitation sont livrés avec une ou plusieurs polices, et celles-ci peuvent être utilisées si vous les trouvez. Les polices peuvent également être téléchargées à partir de sites Web.
Il y a deux exemples ; celui qui lit les fichiers de polices locales et celui qui télécharge les polices à partir de Google Fonts.
Pour les projets basés sur Node.js, ce package peut être installé à l'aide de NPM.
npm install jscad-text
Pour les projets autonomes, ce package peut être téléchargé et inclus en tant que composant.
Chacun des exemples est un petit projet NPM autonome ; police locale et googlefont.
Ce projet est le plus simple à utiliser, car les polices sont lues à partir de fichiers locaux. Trouvez simplement une belle police et copiez le fichier dans le dossier localFont.
Installation:
npm install
cd localfont
ln -s ../../jscad-text ./jscad-text
cd ..
Exécution:
npm run example
Et ouvrez « localfont/index.svg » en utilisant n’importe quel navigateur.
Le contenu de « index.js » peut être modifié pour changer le chemin d'accès au fichier de police ou modifier les options de la fonction textToPaths(). Il s'agit également d'une conception JSCAD typique et peut être modifiée pour faire ce que vous voulez avec les chemins.
Ce projet obtient des polices du site Web Google Fonts. Allez-y, trouvez une belle « famille » de polices et notez le nom.
Une autre bibliothèque intéressante appelée « node-fetch » est utilisée pour télécharger la police depuis Internet.
Installation:
cd googlefont
npm install
ln -s ../../jscad-text ./jscad-text
Exécution:
npm run cli
Et ouvrez « text.svg » en utilisant n'importe quel navigateur.
Toujours là...
Voici donc comment utiliser cette bibliothèque dans un projet (conception JSCAD).
Si ce n'est pas déjà fait, créez un nouveau dossier pour le projet. (Cet exemple utilise « newproject » comme nom de dossier.)
Téléchargez cette bibliothèque, décompressez et copiez le tout dans le dossier du projet. Cliquez sur le CODE vert ci-dessus et sélectionnez Télécharger ZIP.
Maintenant, recherchez une police et copiez-la dans le dossier du projet.
Dans le dossier du projet, créez un fichier appelé index.js et ajoutez le code suivant.
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 }
Presque là. Téléchargez maintenant la bibliothèque opentype.js à partir d'ici ; https://github.com/opentypejs/opentype.js Décompressez le contenu et copiez opentype.js/dist/opentype.js dans newproject/jscad-text-master/src/opentype.js
Fait!
Maintenant, faites simplement glisser et déposez le dossier du projet sur le site Web de JSCAD.
CE PROJET FONCTIONNE UNIQUEMENT AVEC JSCAD V2.
Consultez le Guide de l'utilisateur pour quelques conseils.
La licence MIT (MIT)
