Convertir TTF en SVG en JavaScript

La conversion des fichiers TTF (TrueType Font) en SVG (Scalable Vector Graphics) en JavaScript permet aux développeurs d’utiliser des polices personnalisées dans un format vectoriel scalable adapté aux projets web. Le processus consiste à lire le fichier TTF, à extraire les glyphes de la police, puis à les convertir en données de chemin SVG. Dans cet article, nous allons apprendre à convertir TTF en SVG en JavaScript.

Cet article couvre les sujets suivants :

Bibliothèque JavaScript pour convertir TTF en SVG

Nous utiliserons la bibliothèque Aspose.Font pour JavaScript pour effectuer la conversion de TTF en SVG. Elle permet aux développeurs de manipuler, extraire et gérer les données de polices dans plusieurs formats, y compris TrueType (.ttf), OpenType (.otf) et autres.

Veuillez télécharger la bibliothèque et suivre les instructions pour installer Aspose.Font pour JavaScript.

Convertir TTF en SVG en utilisant JavaScript

Nous pouvons facilement convertir les polices TrueType en format SVG en JavaScript dans une application web. Nous chargerons le fichier TTF, puis le convertirons en format SVG. Un thread web worker gérera les tâches intensives en ressources pour éviter de bloquer le thread principal de l’interface utilisateur. Cela rend notre application de conversion plus conviviale, simplifie le processus de conversion et permet des téléchargements de fichiers efficaces.

Veuillez suivre les étapes ci-dessous pour convertir la police TrueType en SVG en utilisant JavaScript :

  • Créez un web worker en utilisant l’extrait de code suivant :
  • Convertissez TTF en SVG en suivant les étapes ci-dessous :
  1. Sélectionnez le fichier TTF d’entrée.
  2. Créez un FileReader.
  3. Appelez la fonction AsposeFontConvertToSVG.
  4. Définissez le nom de fichier résultant dans json.fileNameResult.
  5. Ensuite, vérifiez si json.errorCode est égal à 0, et récupérez les liens vers les fichiers de résultats. Si json.errorCode n’est pas égal à 0, les détails de l’erreur seront disponibles dans json.errorText.
  6. Enfin, la fonction DownloadFile génère un lien permettant à l’utilisateur de télécharger le fichier résultant sur son système d’exploitation.

L’exemple de code suivant montre comment convertir un fichier de police TrueType en format SVG en utilisant JavaScript.

Convertir TTF en SVG en JavaScript

Essayez le convertisseur TTF en SVG en ligne gratuitement

Vous pouvez également convertir vos fichiers TTF en SVG en utilisant cet outil en ligne gratuit de convertisseur TTF en SVG. Vous pouvez y accéder via n’importe quel navigateur web sur n’importe quelle plateforme.

Obtenez la bibliothèque JavaScript de polices

Vous pouvez obtenir une licence temporaire gratuite pour essayer la bibliothèque de polices JavaScript sans limitations d’évaluation.

TrueType Font en SVG - Ressources gratuites

En plus de convertir les polices TrueType en format SVG, explorez diverses autres fonctionnalités de la bibliothèque en utilisant les ressources ci-dessous :

Conclusion

En conclusion, la conversion de TTF en SVG en utilisant JavaScript est un moyen puissant d’intégrer des polices personnalisées dans vos projets web avec des graphiques scalables de haute qualité. Nous avons exploré comment lire les fichiers TTF, extraire les glyphes de la police, et les transformer en chemins SVG en utilisant la bibliothèque JavaScript Font. Si vous avez des questions, n’hésitez pas à nous contacter sur notre forum de support gratuit.

Voir aussi