悬停时开始的Svg动画不'；使用图像标记加载svg时，不能播放

我有以下动画：

如果你点击链接，你会看到它开始播放，一旦你悬停它

但是，当我使用图像标记在页面上加载svg时，如下所述，悬停事件似乎没有到达svg图像

---

有可能以某种方式做到这一点吗？不能直接将svg粘贴到html页面中，因为我使用的软件不允许这样做。

设计的图像不公开DOM，其内容无法接收鼠标事件；悬停事件的目标是

元素本身。您可以使用

或

标记。然后将SVG作为用户可以交互的子文档插入

---

顺便说一句，一旦SVG被插入img标记，它就会变成一个“光栅”图像，就像我们将SVG绘制到html画布中一样，因此所有脚本都不再可行了？不是完全可行。如果图像具有不依赖于用户交互的动画。你甚至可以从外面触发一些东西。