mpvue调用小程序动画方法 只有第一次生效

iyzzxitl  于 3个月前  发布在  其他
关注(0)|答案(5)|浏览(72)

[问题简单描述]

调用小程序动画方法 只有第一次生效
问题复现步骤:

  1. [第一步]
    方法:
    reAnimation() {
    this.animation = wx.createAnimation({
    duration: 800,
    timingFunction: "ease",
    delay: 0,
    transformOrigin: "50% 50% 0"
    });
    this.animation
    .translateX(500)
    .step({ duration: 100 })
    .translateX(0)
    .step();
    this.animationData = this.animation.export();
    }
  2. [第二步]
  3. [其他步骤...]

期望的表现:

[在这里描述期望的表现]

观察到的表现:

[在这里描述观察到的表现]

屏幕截图或动态图:

![复现步骤的屏幕截图和动态 GIF 图](图片的 url)
[建议提供可运行的demo]

djmepvbi

djmepvbi1#

在export后面加个时间参数就好了;
this. animation.t = +new Date();

hgb9j2n6

hgb9j2n62#

@Summer-Boy 谢谢,困扰我很久了,我说怎么只能执行一次,原理是利用了数据检查去更新他的数值吧。

pvabu6sv

pvabu6sv3#

大佬们,我想做循环转动,但是必须恢复成开始的状态掐,不然没办法一直转动

ncgqoxb0

ncgqoxb04#

大佬们,我想做循环转动,但是必须恢复成开始的状态掐,不然没办法一直转动

小程序里面原生的animation不支持循环动画,最好用css3 动画代替

h79rfbju

h79rfbju5#

@web-kubor 一次性的用动画做,循环的用css3做~

相关问题