Как сделать анимацию отрисовки SVG?

Question

[Aleksandr_KH]

Как сделать анимацию отрисовки такой стрелки?
Почему-то stroke-dasharray и stroke-dashoffset не работают, проблема в самой SVG или я что-то делаю не так?

Смотреть тут.

Comments

[twobomb]

Во первых не fill,а тут stroke нужно использовать. Во вторых у вас какая-то кривая свгшка, какой то слишком лютый путь для такой маленькой фигуры. пример

Answer 1

[Максим]

Answer 2

[Robur]

У вас уже нарисовано много черточек, stroke-* на это не виляют. Тем более что там заливка через fill

Делайте одну сплошную линию и её уже потом стилизуйте и анимируйте.