原始动画来自
凹凸实验室
的
大厂 H5 开发实战手册
一个例子上手SVG动画
- orginal.html 使用SMIL animate --> jd 原始代码
- offset-path.html 使用新的属性,存在兼容问题
- stroke.html 使用stroke的相关属性取巧,但是存在精度不高的问题。
预览:
https://aimluo.github.io/animate_svg_loading/offset-path.html
https://aimluo.github.io/animate_svg_loading/orginal.html
https://aimluo.github.io/animate_svg_loading/stroke.html