svg的元素如何按照一个路径来移动

Question

让圆点沿着一个已知的path路径来移动，可以随时停止继续，这个应该怎么来实现呢?
或者有什么svg库可以做到，求大神指点。

Answer 1

SMIL 的话有 <animateMotion> 标签，CSS3 的话可以设置元素 offset-path 属性做到，当然是用 Snap.svg 等动画库也是没有问题的。具体可以参考张鑫旭老师的文章：http://www.zhangxinxu.com/wor...
关于 SVG 动画感兴趣的话可以看看我之前写的文章：https://imnerd.org/svg-animat... 应该对你有帮助。