使用SVG和JavaScript创建波浪动画

Create a wave animation with SVG and JavaScript

本文关键字：动画 创建 JavaScript SVG 使用      更新时间：2023-09-26

我想用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，但仍然没有清晰的文档。有没有这样的例子，甚至是一个工作演示？

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

相关文章：