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

clipboard.png

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

阅读 8.3k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏