最近做一个项目,有一个html5的特效:要求一个div 的小圆圈 绕给定的路径运动(给定路径是AI到处的SVG path 元素);
刚开始我们用 Animation 元素 来做。后来发现在IE上不支持 ,就是在Chrome 上 给出了警告信息。
后来就自己写了个工具 https://github.com/junli110/move-in-path 效果图:
用这个工具,我们可以实现 div 绕任何形状的路径运动。路径可以从 AI 导出SVG并copy path 元素的“d”属性。