Как анимировать SVG после определенного события JS?

Question

[tereshock98]

Есть собственно написанный SVG. Как сделать так, чтобы анимация начала вопроизводиться после того, как я присвоил ему display: block через js?

Answer 1

[Максим Тимофеев]

Зависит от того как реализована анимация. Например вместо display: block добавить класс, если анимация в css и уже этому классу дать display: block и описать анимацию.

Comments

[tereshock98]

Анимация прописана уже в теге Animate. Как сделать, чтобы был запрос в этот тег и начиналась анимация?

[Максим Тимофеев]

tereshock98, для этого у тега animate есть атрибут begin: https://www.w3.org/TR/SVG11/animate.html#BeginValu...

Answer 2

[igumenov]

Только добавлением класса

Comments

[tereshock98]

А как решить добавлением класса? Класс добавлять к тегу SVG? Или Path? Или Animate? И как сделать так, что по определенному событию анимация проигрывалась заново?

[igumenov]

Когда делаешь display block то самому svg даешь класс например animate, анимация уже ранее лежит в css и она выполнится.

И как сделать так, что по определенному событию анимация проигрывалась заново?

Удалить и добавить тот же класс