Сижу уже пятый месяц над задачей упрощения файлов SVG так, чтобы их сервис icomoon.io/app понимал и делал из SVG буковки в веб-шрифте.
Текущее решение реализовано на Adobe Illustrator и работает просто чудовищно нестабильно.
Вот моя проблемная иконка:
wifi_logo.svg
Вот что я получаю, если загрузить её в icomoon.io/app/ —
take.ms/HpEWu — из неё пропадают все линии, у которых задан атрибут stroke. Иногда и другие элементы теряются, но я пока завис именно над stroke.
Вот что я хотел бы получить —
take.ms/0Ppv3 — вся фигура переведена в кривые, затем объединена в один сложный путь.
Эту иконку я получил путём ручной обработки в Inkscape. Я выполнил операции «ungroup» + «object to path» + «stroke to path» последовательно над всеми объектами, затем выполнил операцию «union». Вот что получилось
wifi_logo_simplified.svg
Вот так видит эту иконку icomoon.io
take.ms/ftvc4 — результат замечательный.
Вот уже несколько месяцев не понимаю, как сделать это без инкскейпа и без иллюстратора. Возвращаюсь к этой задаче и опять бросаю её.
Я пытался прикинуть, помогут ли мне
FabricJS,
RaphaëlJs,
Snap.SVG,
SVG.js, но квалификации не хватает.
Подскажите, в каком направлении двигаться.
