我有输出从Adobe Illustrator这是伟大的,现在已经嵌在我的HTML页面SVG文件中,SVG包含许多不同的路径,我想使用jQuery单独动画SVG文件并且无需使用插件,但我不是完全确定如何实现这一目标,因为我没有使用SVG的知识,任何人都可以阐明这个应该怎么走近一些轻?动画SVG路径/ jQuery的
感谢 凯尔
我有输出从Adobe Illustrator这是伟大的,现在已经嵌在我的HTML页面SVG文件中,SVG包含许多不同的路径,我想使用jQuery单独动画SVG文件并且无需使用插件,但我不是完全确定如何实现这一目标,因为我没有使用SVG的知识,任何人都可以阐明这个应该怎么走近一些轻?动画SVG路径/ jQuery的
感谢 凯尔
jQuery是不与SVG API兼容,但香草JS效果很好。
对于动画,你必须先得到你的SVG元素/对象的访问。这要求SVG脚本从相同的域提供。如何做到这一点可以在以前的答案中找到。
对于动画,你可以...
创建SVG动画元素,将它们添加到SVG DOM并将其绑定到你的路/元素。见http://www.w3.org/TR/SVG/animate.html。
通过直接改变所有元素拥有矩阵做编程。请参阅http://www.w3.org/TR/SVG/coords.html
链接到相关的SOF帖子: [动画在独立的SVG(http://stackoverflow.com/q/5051953/148680); [jquery的动画SVG图形...](http://stackoverflow.com/q/6983587/148680) – chb
如果您的意思是“动画路径”,不带插件,否。当你将.animate()和svg整合在一起的时候,它就像你自己写一个插件一样好。所以,使用一个插件。 – Yman