Javascript 使用js/jQuery设置SVG路径动画

我已经从adobe illustrator输出了一个svg文件，它非常棒，现在已经将该svg文件嵌入到我的html页面中，svg包含许多不同的路径，我想使用jquery单独设置动画，而不使用插件，但我不完全确定如何实现这一点，因为我不知道如何使用svg，谁能解释一下应该如何处理这个问题

谢谢

---

Kyle

jQuery与SVGAPI不兼容，但vanilla JS工作得很好

对于动画，必须首先访问svg元素/对象。这要求SVG脚本来自同一个域。如何做到这一点可以在前面的答案中找到

对于动画，你可以

• 创建SVG动画元素，将它们添加到SVG DOM，并将它们绑定到路径/元素。看

• 通过直接更改所有元素所拥有的矩阵，以编程方式实现。看

---

如果您的意思是“为路径设置动画”，没有插件，则没有。当您将.animate（）与svg集成时，这就等同于您自己编写一个插件。所以，使用一个插件。相关软件帖子的链接：；