Convertir TTF a SVG en JavaScript

Convertir archivos TTF (TrueType Font) a SVG (Scalable Vector Graphics) en JavaScript permite a los desarrolladores utilizar fuentes personalizadas en un formato escalable y basado en vectores, adecuado para proyectos web. El proceso implica leer el archivo TTF, extraer los glifos de la fuente y convertirlos en datos de ruta SVG. En este artículo, aprenderemos cómo convertir TTF a SVG en JavaScript.

Este artículo cubre los siguientes temas:

Biblioteca de JavaScript para Convertir TTF a SVG

Usaremos la biblioteca Aspose.Font for JavaScript para realizar la conversión de TTF a SVG. Permite a los desarrolladores manipular, extraer y gestionar datos de fuentes en múltiples formatos, incluyendo TrueType (.ttf), OpenType (.otf) y otros.

Por favor descarga la biblioteca y sigue las instrucciones para instalar Aspose.Font for JavaScript.

Convertir TTF a SVG usando JavaScript

Podemos convertir fácilmente las fuentes TrueType al formato SVG en JavaScript dentro de una aplicación web. Cargaremos el archivo TTF y luego lo convertiremos al formato SVG. Un hilo de trabajador web manejará las tareas que consumen muchos recursos para evitar bloquear el hilo principal de la interfaz de usuario. Esto hace que nuestra aplicación convertidora sea más fácil de usar, simplifique el proceso de conversión y permita descargas de archivos eficientes. 

Por favor, sigue los pasos a continuación para convertir la fuente TrueType a SVG usando JavaScript:

  • Crea un trabajador web usando el siguiente fragmento de código:
  • Convierte TTF a SVG siguiendo los pasos a continuación:
  1. Selecciona el archivo TTF de entrada.
  2. Crea un FileReader.
  3. Llama a la función AsposeFontConvertToSVG.
  4. Establece el nombre del archivo resultante en json.fileNameResult.
  5. Después de eso, verifica si json.errorCode es 0 y obtén enlaces a los archivos resultantes. Si json.errorCode no es 0, los detalles del error estarán disponibles en json.errorText.
  6. Finalmente, la función DownloadFile genera un enlace que permite al usuario descargar el archivo resultante en su sistema operativo.

El siguiente ejemplo de código muestra cómo convertir un archivo de fuente TrueType al formato SVG usando JavaScript.

Convertir TTF a SVG en JavaScript

Probar el Convertidor de TTF a SVG Gratis en Línea

También puedes convertir tus archivos TTF a SVG usando esta herramienta gratuita en línea convertidor de TTF a SVG. Puedes acceder a ella usando cualquier navegador web en cualquier plataforma.

Obtener la Biblioteca de Fuentes de JavaScript

Puedes obtener una licencia temporal gratuita para probar la biblioteca de fuentes de JavaScript sin limitaciones de evaluación.

Fuente TrueType a SVG - Recursos Gratis

Además de convertir las fuentes TrueType al formato SVG, explora varias otras características de la biblioteca usando los siguientes recursos:

Conclusión

En conclusión, convertir TTF a SVG usando JavaScript es una forma poderosa de incorporar fuentes personalizadas en tus proyectos web con gráficos escalables y de alta calidad. Exploramos cómo leer archivos TTF, extraer glifos de fuentes y transformarlos en rutas SVG utilizando la biblioteca de fuentes de JavaScript. Si tienes alguna pregunta, no dudes en contactarnos en nuestro foro de soporte gratuito.

Ver También