暂停外部SVG动画

Question

您可以使用document.getElementById("mysvg"). pauseAnimations()暂停SVG。但是，这似乎只适用于内联SVG。

有没有办法暂停使用<img src="my.svg"/>包含的SVG动画？

Answer 1

正如Paul LeBeau所说，你无法用图像做到这一点。你可以做 - 显然 - 使用<object>，这样的事情：

<object id="mysvg" type="image/svg+xml" data="myfile.svg"/>

然后通过以下方式访问它：

mysvg.contentDocument

这受到CORS策略的限制，遗憾的是，它在通过file://协议访问文件时不起作用。在我的情况下（Doxygen）我需要它，所以我只是放弃了包含SVG内联使用Doxygen本身这样：

\htmlinclude "myfile.svg"