收藏
回答

小程序使用路径动画选择那种方法比较好?

项目要做一个沿着岛屿航行并在指定岛屿停留的一个路径动画,目前知道能做路径动画有三种方式,css的offset-path、svg和canvas

css的offset-path感觉最简单最好用,唯一不确定的是兼容性,自己的小米手机没问题,就是不知道在其他手机能不能正常运行

小程序不支持svg,svg都是base64后作为image的url实现的,这种情况不太清楚怎么方便动态交互在路径上停留,行驶

canvas实现起来就满复杂,小程序canvs的path2d特别坑,path路径也不能直接用,一小段贝塞尔曲线移动动画写了一大段代码,但是感觉应该能做

目前最想用的还是css的offset-path,方便又好用,不知道用没有用过的小伙伴,发布后兼容性如何可以告知一下

回答关注问题邀请回答
收藏

2 个回答

  • 挪威没有森林
    挪威没有森林
    04-01

    不知道你是怎么处理这个需求的,我现在也碰到了这个问题


    04-01
    有用
    回复
  • 微盟
    微盟
    2023-07-27

    offset-path 的兼容性比较感人,可以在 caniuse 上查询兼容性,不太推荐

    推荐使用 svg 路径动画。

    可以在DY上搜索“SVG的描边动画”,了解如何使用svg动画;

    搜索“利用延迟实现复杂动画”,了解如何实现停留和行驶

    2个结合起来大概就能实现你想要的效果

    2023-07-27
    有用
    回复
登录 后发表内容