[问题简单描述]
调用小程序动画方法 只有第一次生效
问题复现步骤:
- [第一步]
方法:
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();
} - [第二步]
- [其他步骤...]
期望的表现:
[在这里描述期望的表现]
观察到的表现:
[在这里描述观察到的表现]
屏幕截图或动态图:
![复现步骤的屏幕截图和动态 GIF 图](图片的 url)
[建议提供可运行的demo]
5条答案
按热度按时间djmepvbi1#
在export后面加个时间参数就好了;
this. animation.t = +new Date();
hgb9j2n62#
@Summer-Boy 谢谢,困扰我很久了,我说怎么只能执行一次,原理是利用了数据检查去更新他的数值吧。
pvabu6sv3#
大佬们,我想做循环转动,但是必须恢复成开始的状态掐,不然没办法一直转动
ncgqoxb04#
大佬们,我想做循环转动,但是必须恢复成开始的状态掐,不然没办法一直转动
小程序里面原生的animation不支持循环动画,最好用css3 动画代替
h79rfbju5#
@web-kubor 一次性的用动画做,循环的用css3做~