动画Animation连续调用多个step(),在最新版ios13.4.1下动画和其他机型表现不一致
onLoad: function(options) {
var th=this;
setTimeout(function(){
var animation = wx.createAnimation({
duration: 500,
timingFunction: "linear",
delay: 0,
transformOrigin: "50% 50%",
})
animation.translate(154, 0).step();
animation.translate(200,0).step();
animation.translate(300,0).step();
//导出动画数据传递给组件的animation属性。
th.setData({
animationData: animation.export(),
})
},2000)
}
<view style="width:100px;height:100px;background:pink;position:absolute;top:0;left:0" animation="{{animationData}}"></view>
如上述代码,页面加载2秒后,执行一段位移动画,在ios13.4.1下,每一个step会重新回到起点重新开始执行,造成动画不连贯,其他低版本ios和安卓机型和微信开发者工具未发现此异常