![Convertir TTF a SVG en JavaScript](images/convert-ttf-to-svg-in-javascript.jpg#center)
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
- Convertir TTF a SVG usando JavaScript
- Convertir TTF a SVG en Línea
- Obtener una Licencia Gratis
- Recursos Gratis
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:
- Selecciona el archivo TTF de entrada.
- Crea un
FileReader
. - Llama a la función
AsposeFontConvertToSVG
. - Establece el nombre del archivo resultante en
json.fileNameResult
. - Después de eso, verifica si
json.errorCode
es 0 y obtén enlaces a los archivos resultantes. Sijson.errorCode
no es 0, los detalles del error estarán disponibles enjson.errorText
. - 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](images/convert-ttf-to-svg-in-javascript-demo.gif#center)
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.
![](images/ttf-to-svg-free-online-converter.jpg)
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:
- Guía del desarrollador de Aspose.Font
- Aplicaciones en línea gratuitas
- Referencia de API
- Guías y artículos prácticos
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.