Получите глифы шрифтов как векторы, манипулируйте и создавайте SVG или растровые изображения - PullRequest
2 голосов
/ 27 января 2010

У меня есть приложение, которому нужно применить некоторые преобразования к тексту (включая неаффинные преобразования). Кто-нибудь знает инструментарий (или группу инструментов), который позволил бы мне ввести True Type или Postscript Font, получить глифы в виде контуров, затем применить преобразования к контурам и отобразить их как растровое изображение или файл SVG? Flash не будет делать неаффинных преобразований, поэтому его нет. В Illustrator есть функция, которая преобразует текст в контуры, но сценарии Illustrator очень нестабильны, поэтому я не могу использовать его для этого. Спасибо за любую помощь.

Ответы [ 2 ]

5 голосов
/ 28 января 2010

Вы можете использовать Батик Конвертер шрифтов TTF в SVG . Формат шрифта SVG использует тот же формат данных пути, что и элемент SVG <path>.

Например, this - это результат преобразования Gentium Basic Regular с использованием вышеуказанного инструмента. С правильной системой координат, вы можете просто взять данные пути, преобразовать их так, как вам нравится, и затем нарисовать их с помощью <path>. Обратите внимание, что система координат глифа в шрифтах SVG фактически инвертирована, с (0,0) в нижнем левом углу поля ячеек глифа, по сравнению с обычным холстом SVG, в котором (0,0) находится в верхнем левом углу , Так что не забудьте перевернуть глиф, например, поместив transform="scale(1,-1)" на <path>, который вы используете для визуализации глифа.

Когда у вас есть документ SVG, который отображает глифы в виде фигур, вы можете преобразовать его в растровое изображение, используя ваш любимый инструмент. (Батик может сделать это тоже .)

3 голосов
/ 17 июля 2012

Хотя Batik - хороший ответ, он будет конвертировать только шрифты TrueType в SVG-шрифты. Если у вас есть шрифты OpenType, и они все больше доминируют сейчас, вы можете использовать FontForge, чтобы получить SVG-шрифт для них. Другое преимущество использования OpenType заключается в том, что созданный SVG использует не только квадратичный, но и кубический Безье на пути, который является более эффективным.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...