![Converter TTF para SVG em JavaScript](images/convert-ttf-to-svg-in-javascript.jpg#center)
Converter arquivos TTF (TrueType Font) para SVG (Scalable Vector Graphics) em JavaScript permite que os desenvolvedores usem fontes personalizadas em um formato escalável e baseado em vetor adequado para projetos web. O processo envolve ler o arquivo TTF, extrair os glifos da fonte e convertê-los em dados de caminho SVG. Neste artigo, aprenderemos como converter TTF para SVG em JavaScript.
Este artigo cobre os seguintes tópicos:
- Biblioteca JavaScript para Converter TTF para SVG
- Converter TTF para SVG usando JavaScript
- Converter TTF para SVG Online
- Obter uma Licença Gratuita
- Recursos Gratuitos
Biblioteca JavaScript para Converter TTF para SVG
Usaremos a biblioteca Aspose.Font para JavaScript para realizar a conversão de TTF para SVG. Ela permite que os desenvolvedores manipulem, extraiam e gerenciem dados de fontes em vários formatos, incluindo TrueType (.ttf), OpenType (.otf) e outros.
Por favor, baixe a biblioteca e siga as instruções para instalar o Aspose.Font para JavaScript.
Converter TTF para SVG usando JavaScript
Podemos facilmente converter fontes TrueType para o formato SVG em JavaScript dentro de uma aplicação web. Carregaremos o arquivo TTF e depois o converteremos para o formato SVG. Uma thread do trabalhador web lidará com as tarefas intensivas em recursos para evitar bloquear a thread principal da interface do usuário. Isso torna nossa aplicação conversora mais amigável, simplifica o processo de conversão e permite downloads eficientes de arquivos.
Siga os passos abaixo para converter a fonte TrueType em SVG usando JavaScript:
- Crie um trabalhador web usando o seguinte trecho de código:
- Converta TTF para SVG seguindo os passos abaixo:
- Selecione o arquivo TTF de entrada.
- Crie um
FileReader
. - Chame a função
AsposeFontConvertToSVG
. - Defina o nome do arquivo resultante em
json.fileNameResult
. - Depois disso, verifique se
json.errorCode
é 0 e recupere links para os arquivos resultantes. Sejson.errorCode
não for 0, os detalhes do erro estarão disponíveis emjson.errorText
. - Finalmente, a função
DownloadFile
gera um link, permitindo que o usuário baixe o arquivo resultante para o seu sistema operacional.
O exemplo de código a seguir mostra como converter um arquivo de fonte TrueType para o formato SVG usando JavaScript.
![Converter TTF para SVG em JavaScript](images/convert-ttf-to-svg-in-javascript-demo.gif#center)
Experimente o Conversor Gratuito Online de TTF para SVG
Você também pode converter seus arquivos TTF para SVG usando esta ferramenta gratuita de conversão de TTF para SVG online. Você pode acessá-la usando qualquer navegador web em qualquer plataforma.
![](images/ttf-to-svg-free-online-converter.jpg)
Obter Biblioteca de Fontes JavaScript
Você pode obter uma licença temporária gratuita para experimentar a biblioteca de fontes JavaScript sem limitações de avaliação.
Fonte TrueType para SVG - Recursos Gratuitos
Além de converter as fontes TrueType para o formato SVG, explore vários outros recursos da biblioteca usando os recursos abaixo:
- Guia do desenvolvedor Aspose.Font
- Aplicações online gratuitas
- Referência da API
- Guias e artigos práticos
Conclusão
Em conclusão, converter TTF para SVG usando JavaScript é uma maneira poderosa de trazer fontes personalizadas para seus projetos web com gráficos escaláveis e de alta qualidade. Exploramos como ler arquivos TTF, extrair glifos de fonte e transformá-los em caminhos SVG usando a biblioteca JavaScript Font. Se você tiver alguma dúvida, sinta-se à vontade para nos contatar em nosso fórum de suporte gratuito.