小程序 animation

发布于 6 年前作者 huxia9620 次浏览最后编辑 6 年前来自 ask
  • 当前 Bug 的表现(可附上截图)

  • 预期表现

  • 复现路径

  • 提供一个最简复现 Demo

var a ;

for(a=0;a<2;a++ )

{ this.animation = animation,

this.animation.scale(2,3).translateX(500).step()

this.setData({

animationdata: this.animation.export()

})

console.log(animation)

}

只能执行一次

2 回复
whuang
whuang1 楼6 年前

.scale(2,3).translateX(500) 其实是加了一个transform:scale(2,3) translateX(500);的样式,你每次循环加的样式相同,自然只有第一次变化,

.scale(2*(a+1),3*(a+1)).translateX(500*(a+1))   才会连续变化

changqiang
changqiang2 楼5 年前

export 方法每次调用后会清掉之前的动画操作

https://developers.weixin.qq.com/miniprogram/dev/api/Animation.export.html