https://developers.weixin.qq.com/s/1D9jrdmv7ZcY 代码片段上传 谢谢
微信小程序 Animation 的问题?[代码]this[代码][代码].animation.top(100).step({duration: 100})[代码][代码]this[代码][代码].animation.top(100+30).left(0).step({duration: 300,timingFunction: [代码][代码]'ease-out'[代码][代码]})[代码][代码]this[代码][代码].animation.top(0).step({duration: 500,timingFunction: [代码][代码]'ease-in-out'[代码][代码]})[代码][代码]this[代码][代码].animation.rotate(45).step({duration: 500,timingFunction: [代码][代码]'ease-in-out'[代码][代码]})[代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]animationData: [代码][代码]this[代码][代码].animation.export()[代码][代码]})[代码]上述的代码第三步和第四步的效果会被合并执行 [代码]this[代码][代码].animation.top(100).step({duration: 100})[代码][代码]this[代码][代码].animation.top(100+30).step({duration: 300,timingFunction: [代码][代码]'ease-out'[代码][代码]})[代码][代码]this[代码][代码].animation.top(0).step({duration: 500,timingFunction: [代码][代码]'ease-in-out'[代码][代码]})[代码][代码]this[代码][代码].animation.rotate(45).step({duration: 500,timingFunction: [代码][代码]'ease-in-out'[代码][代码]})[代码][代码]this[代码][代码].setData({[代码][代码] [代码][代码]animationData: [代码][代码]this[代码][代码].animation.export()[代码][代码]})[代码][代码] [代码] 可是去掉了第二步的 .left(0) 第三步和第四步的效果就正常了,会分开执行了 不晓得是什么原因
2019-10-18我也遇到这个问题了。https://developers.weixin.qq.com/community/develop/doc/0002cc82010028852959b21cc5b000找到原因 可是不知道怎么解决
wx.createAnimation设置多个step,后面的step会合并执行?let animation= wx.createAnimation({ timingFunction: 'ease', }) animation.left(0).translateY(0).step({ duration: 3000 }); animation.opacity(0.2).step({ duration: 3000 }); animation.left(-80).scale(3).step({ duration: 3000 }); this.setData({ animationData: animation.export(), }) js里这种写法,三个动效都会执行,但是第二个step总是和第三个step一起执行,是为什么
2019-10-18