面料JS动画片落后了一会儿

时间:2014-06-06 15:09:14

标签: animation fabricjs lag requestanimationframe

我对FabricJS有一点问题。

我有一个三角形的动画,但问题是,过了一会儿,它开始严重滞后。我是初学者,所以我不是说我的代码是最好的方法,但实际上我无法摆脱这种滞后。任何解决这个问题的建议都很棒。

这是小提琴:http://bit.ly/1kHlInC

谢谢

1 个答案:

答案 0 :(得分:2)

之前我没有使用过Fabric,所以我无法谈论requestAnimationFrame()上更详细的问题。但是,对于滞后问题,您的onComplete()回调会产生一定数量的动画调用 - 三角形的每个循环都会调用过多的动画步骤。

问题在于,当您需要以对角线方式制作动画时,您可以合并两个animate()来电,例如animate('left')animate('top')。这两个调用都有一个onComplete()回调调用相同的下一步,但是你只需要调用一次。

这是一个更新的小提琴,经过重新组织,足以通过删除额外的回调来解决问题。

http://jsfiddle.net/Uwaa8/2/