使用SVG和JavaScript创建波动画

时间:2015-04-08 21:15:27

标签: javascript svg snap.svg

我想用SVG为路径设置动画,创建类似于下面显示的效果: http://commons.wikimedia.org/wiki/Category:Animations_of_vibrations_and_waves#/media/File:Amfm2.gif

http://commons.wikimedia.org/wiki/Category:Animations_of_vibrations_and_waves#/media/File:Frontgroupphase.gif

问题在于我从未使用过SVG来创建路径转换,我也不知道它是否有可能实现这一结果。通过网络浏览我发现Snap.svg但仍然没有明确的文档。有没有可用的例子,甚至还有这样的工作演示?

1 个答案:

答案 0 :(得分:1)

您可以使用<animate>元素为路径的d属性设置动画。见http://codepen.io/noahblon/blog/an-intro-to-svg-animation-with-smil