在cover-view和cover-image上添加css动画以及wx.createAnimation的动画,在模拟器上可以正常播放动画,但是在真机上无法播放scale translateX rotate等动画
ps: iPhone6s plus; os: iOS 11.2
onShow: function () {
var animation = wx.createAnimation({
duration: 5000,
timingFunction: “ease-in-out”,
transformOrigin: “50% 50% 0”,
delay: 0
})
this.animation = animation
animation.rotate(180).step()
this.setData({
animationData: animation.export()
})
},
我也遇到了这个问题,只是我的需求正好就只是translate与opacity。
经测试,在模拟器和android机上都能正常显示,
但是在ios上,只要在动画中设置了opacity,那一段动画就会直接不生效,除非删掉这个属性或者设置opacity(1)。
使用wxss写animation或者用wx.createAnimation都是这样
var loveAnimation = wx.createAnimation({
duration: 3000,
timingFunction: ‘linear’,
});
this.loveAnimation = loveAnimation;
this.loveAnimation.translate(0, -60).opacity(0.5).step({ duration: 1000 })
this.setData({
loveUpData: this.loveAnimation.export()
})