暂停外部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）我需要这个，所以我只是放弃了使用Doxygen内联的SVG，如下所示：

\htmlinclude "myfile.svg"