cover-view cover-image 无法播放动画
发布于 6 年前 作者 uzhu 9210 次浏览 来自 问答

在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()

})

},

2 回复

暂不支持。

我也遇到了这个问题,只是我的需求正好就只是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()

    })

回到顶部