@bQ1

Как сделать анимацию рисования пунктирной линии в svg?

Как сделать анимацию рисования пунктирной линии в svg?

Пытаюсь юзать animejs, но он превращает пунктирную линию в обычную
Код:
anime({
                targets: 'svg .line',
                strokeDashoffset: [anime.setDashoffset, 0],
                easing: 'easeInOutSine',
                duration: 1500,
            });


Когда пытаюсь в стилях прописать stroke-dasharray: 3; чтобы был пунктир, а затем запускаю эту же анимацию, то просто двигается полоса (как бегущая строка), а не рисуется. (
  • Вопрос задан
  • 52 просмотра
Решения вопроса 1
RAX7
@RAX7
Через strokeDashoffset не получится сделать анимацию рисования пунктирной линии. Можно для линии сделать маску и ее уже анимировать.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы