Конвертация TTF в SVG на JavaScript

Конвертация файлов TTF (TrueType Font) в SVG (Scalable Vector Graphics) на JavaScript позволяет разработчикам использовать пользовательские шрифты в масштабируемом, векторном формате, подходящем для веб-проектов. Процесс включает чтение файла TTF, извлечение глифов шрифта и преобразование их в данные пути SVG. В этой статье мы узнаем, как конвертировать TTF в SVG на JavaScript.

Эта статья охватывает следующие темы:

Библиотека JavaScript для конвертации TTF в SVG

Мы будем использовать библиотеку Aspose.Font for JavaScript для выполнения конвертации TTF в SVG. Она позволяет разработчикам манипулировать, извлекать и управлять данными шрифтов в различных форматах, включая TrueType (.ttf), OpenType (.otf) и другие.

Пожалуйста, скачайте библиотеку и следуйте инструкциям по установке Aspose.Font for JavaScript.

Конвертация TTF в SVG с использованием JavaScript

Мы можем легко конвертировать шрифты TrueType в формат SVG на JavaScript в веб-приложении. Мы загрузим файл TTF, а затем конвертируем его в формат SVG. Поток веб-воркера будет обрабатывать ресурсоемкие задачи, чтобы избежать блокировки основного потока UI. Это делает наше приложение для конвертации более удобным для пользователя, упрощает процесс конвертации и позволяет эффективно загружать файлы. 

Пожалуйста, следуйте приведенным ниже шагам, чтобы конвертировать шрифт TrueType в SVG с использованием JavaScript:

  • Создайте веб-воркер, используя следующий фрагмент кода:
  • Конвертируйте TTF в SVG, следуя нижеуказанным шагам:
  1. Выберите входной файл TTF.
  2. Создайте FileReader.
  3. Вызовите функцию AsposeFontConvertToSVG.
  4. Установите имя результирующего файла в json.fileNameResult.
  5. Затем проверьте, если json.errorCode равен 0, и получите ссылки на результирующие файлы. Если json.errorCode не равен 0, детали ошибки будут доступны в json.errorText.
  6. Наконец, функция DownloadFile создает ссылку, позволяя пользователю загрузить результирующий файл на свою операционную систему.

Следующий пример кода показывает, как конвертировать файл шрифта TrueType в формат SVG с использованием JavaScript.

Конвертация TTF в SVG на JavaScript

Попробуйте бесплатный онлайн конвертер TTF в SVG

Вы также можете конвертировать ваши TTF файлы в SVG с использованием этого бесплатного онлайн инструмента конвертер TTF в SVG. Вы можете получить к нему доступ с любого веб-браузера на любой платформе.

Получите библиотеку шрифтов JavaScript

Вы можете получить бесплатную временную лицензию, чтобы попробовать библиотеку шрифтов JavaScript без ограничений на оценку.

Шрифты TrueType в SVG - Бесплатные ресурсы

Помимо конвертации шрифтов TrueType в формат SVG, ознакомьтесь с различными другими функциями библиотеки, используя приведенные ниже ресурсы:

Заключение

В заключение, конвертация TTF в SVG с использованием JavaScript - это мощный способ добавить пользовательские шрифты в ваши веб-проекты с масштабируемой, высококачественной графикой. Мы рассмотрели, как читать файлы TTF, извлекать глифы шрифтов и преобразовывать их в SVG пути с использованием библиотеки шрифтов JavaScript. Если у вас есть какие-либо вопросы, пожалуйста, свяжитесь с нами на нашем бесплатном форуме поддержки.

См. также