我从adobe illustrator中输出了一个svg文件很棒,现在已经在我的html页面中嵌入了svg文件,svg包含许多不同的路径,我想使用jquery单独动画并且不使用插件但是我我不完全确定如何实现这个目标,因为我不知道如何使用svg,是否有人可以了解应如何处理这个问题?
由于 凯尔
答案 0 :(得分:1)
jQuery与SVG API不兼容,但vanilla JS运行良好。
对于动画,您必须首先访问您的svg元素/对象。这要求SVG脚本来自同一个域。如何做到这一点可以在以前的答案中找到。
对于动画,你可以......
创建SVG动画元素,将它们添加到SVG DOM并将它们绑定到您的路径/元素。见http://www.w3.org/TR/SVG/animate.html。
通过直接更改所有元素所拥有的矩阵,以编程方式执行此操作。请参阅http://www.w3.org/TR/SVG/coords.html