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

发布于 2022-09-04 07:43:58 字数 218 浏览 15 评论 0

clipboard.png

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

栀梦 2022-09-11 07:43:58

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文