Нет прямого способа получить фигуры из символов в JavaScript. Я подозреваю, что это потому, что рендеринг шрифтов не выполняется напрямую браузером. Это задание обычно делегируется сторонней библиотеке, например, cario.
Вы можете создать текст в редакторе SVG, например Inkscape , преобразовать текст в пути (Path
→ Object to Path
) и манипулировать ими с помощью JavaScript.
Использование SVG-шрифтов также похоже на путь. Это в основном файл SVG, который сохраняет формы всех символов. Вы можете загрузить это как XML в настройку HTML / JavaScript и обработать формы символов оттуда. Font Squirrel имеет генератор для создания наборов @ font-face. В архив также входит SVG-версия шрифта.