Задать вопрос
@seleznev_artem_info
https://github.com/NameArtem

Как поэтапно выводить текст (шрифт прописной рукописный)?

В какую сторону искать: необходимо поэтапно выводить текст (желательно используя JS), так как это делал бы человек записывая на лист бумаги.
То есть:
1. Есть форма, куда мы записываем слово
2. Есть окно, куда это слово должно выводиться, но только прописным шрифтом и имитируется рукописный ввод
  • Вопрос задан
  • 430 просмотров
Подписаться 3 Средний Комментировать
Решения вопроса 1
@vetsmen
Первое, что приходит в голову, это преобразовывать текст в SVG элемент и по очередности анимировать path элементы, как тут: https://codepen.io/ghepting/pen/xnezB
Пожалуй, более легкого способа для полноценной имитации рукописного ввода нет, если не банальный побуквенный вывод текста с нужным шрифтом
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@BorisKorobkov
Web developer
Очень простой и примитивный вариант: написать текст, закрыть непрозрачным блоком и постепенно сдвигать этот блок вправо (а-ля прогрессбар). Его же использовали в кино еще в 1967 году: https://youtu.be/FGZdYPS8PPw?t=40m26s

Если нужно красивей - тогда svg, как уже посоветовали. Но это уже гораздо сложнее делать.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы