使用jQuery.animate()沿曲线同步旋转图像

时间:2014-01-19 09:28:58

标签: javascript jquery html jquery-animate curve

jQuery.animate()如何确定执行其功能所需的“帧”数?我认为这个(Fiddle)会在2秒内完成90次调整,但最终会执行150次。

这使得很难使导弹的角度旋转与曲线同步。我希望它在那个速度或更慢,但进一步减慢它只会增加旋转效果。要查看它应如何显示(粗略地),请将 duration: 2000 更改为1250.

更新:令人费解的是,小提琴似乎只适用于Chrome(不是Firefox)。不知道为什么。

1 个答案:

答案 0 :(得分:1)

执行此操作的正确方法是使用jquery提供的progress回调函数。请参阅文档:http://api.jquery.com/animate/,并在其中使用它为您提供的参数;

$thing.animate({left:100},{progress:function(animation, progress, remaining){
    // do stuff with progress
}});

(编辑:对不起,进步不是步骤)

以下是对您的小提琴的更新:http://jsfiddle.net/a9eXE/78/(我实际上是在那里使用步骤,因为它更容易获得当前的补间进度,并且当你'时它没有任何区别只重新设置一个属性的动画)