项目要做一个沿着岛屿航行并在指定岛屿停留的一个路径动画,目前知道能做路径动画有三种方式,css的offset-path、svg和canvas
css的offset-path感觉最简单最好用,唯一不确定的是兼容性,自己的小米手机没问题,就是不知道在其他手机能不能正常运行
小程序不支持svg,svg都是base64后作为image的url实现的,这种情况不太清楚怎么方便动态交互在路径上停留,行驶
canvas实现起来就满复杂,小程序canvs的path2d特别坑,path路径也不能直接用,一小段贝塞尔曲线移动动画写了一大段代码,但是感觉应该能做
目前最想用的还是css的offset-path,方便又好用,不知道用没有用过的小伙伴,发布后兼容性如何可以告知一下
不知道你是怎么处理这个需求的,我现在也碰到了这个问题
offset-path 的兼容性比较感人,可以在 caniuse 上查询兼容性,不太推荐
推荐使用 svg 路径动画。
可以在DY上搜索“SVG的描边动画”,了解如何使用svg动画;
搜索“利用延迟实现复杂动画”,了解如何实现停留和行驶
2个结合起来大概就能实现你想要的效果