Конвертер шрифтов выводит линейную анимацию SVG ⇐ CSS
-
Anonymous
Конвертер шрифтов выводит линейную анимацию SVG
Я хочу добиться такого веб-эффекта. Это похоже на эффект анимации пути написания текста после ввода текста.
Вот так.==>codepen
СВГ { ширина штриха: 17; ширина: 200 пикселей; высота: 100 пикселей; переход:трансформация .5s легкость выхода; путь { удар-дашаррай: 1200; смещение штриха-тире: 1200; ширина штриха: 5; анимация: Summerbird-s .75с линейный вперед .5с; } } И я узнал, что это реализовано с помощью svg-path и Stroke-dashoffset.
Справочная документация1 Справочная документация2
Но мне все равно нужно преобразовать семейство шрифтов в путь svg. Было бы здорово, если бы мне помог более совершенный процесс реализации или подходящая библиотека js.
Надеюсь, я услышу другие мысли и помощь. Большое спасибо.
Я хочу добиться такого веб-эффекта. Это похоже на эффект анимации пути написания текста после ввода текста.
Вот так.==>codepen
СВГ { ширина штриха: 17; ширина: 200 пикселей; высота: 100 пикселей; переход:трансформация .5s легкость выхода; путь { удар-дашаррай: 1200; смещение штриха-тире: 1200; ширина штриха: 5; анимация: Summerbird-s .75с линейный вперед .5с; } } И я узнал, что это реализовано с помощью svg-path и Stroke-dashoffset.
Справочная документация1 Справочная документация2
Но мне все равно нужно преобразовать семейство шрифтов в путь svg. Было бы здорово, если бы мне помог более совершенный процесс реализации или подходящая библиотека js.
Надеюсь, я услышу другие мысли и помощь. Большое спасибо.
