Перезапустите фоновую анимацию SVG

У меня есть SVG, установленный в качестве фонового изображения элемента. При первом отображении элемента анимация воспроизводится правильно.

При последующих отображениях (например, если дубликат элемента вводится с помощью JavaScript или если фоновое изображение удаляется и добавляется обратно с помощью CSS / JavaScript), анимация не начинается с начала. Я думаю, что это предназначенная функциональность, поскольку изображение не считается перезагруженным браузером - оно использует версию в памяти, которая уже анимируется.

Вот демонстрация этого (не мое):http://www.luigifab.info/public/svg-smil/test.html

Есть несколько связанных отчетов об ошибках браузера дляFire Fox а такжеХром, но, как и выше, я думаю, что это функциональность.

Есть ли способ заставить мою SVG-анимацию переустанавливать / воспроизводить всякий раз, когда изображение отображается? I '

Я в идеале ищу решение, использующее только CSS и SVG - иначе решение с JavaScript, если это невозможно.

Ответы на вопрос(6)

Ваш ответ на вопрос