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

Question

[bQ1]

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

Пытаюсь юзать animejs, но он превращает пунктирную линию в обычную
Код:

anime({
                targets: 'svg .line',
                strokeDashoffset: [anime.setDashoffset, 0],
                easing: 'easeInOutSine',
                duration: 1500,
            });

Когда пытаюсь в стилях прописать stroke-dasharray: 3; чтобы был пунктир, а затем запускаю эту же анимацию, то просто двигается полоса (как бегущая строка), а не рисуется. (

Answer 1

[RAX7]

Через strokeDashoffset не получится сделать анимацию рисования пунктирной линии. Можно для линии сделать маску и ее уже анимировать.

Comments

[Максим]

Салам, есть вопрос у меня - проконсультируешь?