cover-view cover-image 无法播放动画

发布于 8 年前作者 uzhu9329 次浏览最后编辑 8 年前来自 ask

在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 回复
qiang27
qiang271 楼6 年前

暂不支持。

WXOPEN Club 内容图片
osun
osun2 楼6 年前

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

    })