javascript - 重新启动背景 SVG 动画

Question

我将 SVG 设置为元素的背景图像。第一次显示元素时，动画正确播放。

在随后的显示中(例如，如果通过 JavaScript 注入(inject)元素的副本，或者如果删除背景图像并使用 CSS/JavaScript 重新添加)，动画不会从头开始。我认为这是预期的功能，因为图像不被认为已被浏览器重新加载 - 它使用已经动画化的内存版本。

这是一个演示(不是我的): http://www.luigifab.info/public/svg-smil/test.html

Firefox 有一些相关的浏览器错误报告和 Chrome ，但如上所述，我认为这是预期的功能。

有没有办法让我的 SVG 动画在显示图像时重置/重播？

理想情况下，我正在寻找仅使用 CSS 和 SVG 的解决方案 - 如果不可能，则寻找使用 JavaScript 的解决方案。

Answer 1

正如@netsurfer 所说，我通过使用对象 解决了这个问题。这是一个例子:

<object type="image/svg+xml" data="my.svg"></object>

每次我动态注入(inject) SVG object 时，动画都会从头开始。