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

Question

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

这使得导弹的 Angular 旋转与曲线同步变得困难。我希望它以这个速度或更慢，但进一步减慢只会增加旋转效果。要查看其显示方式(大致)，请将 duration: 2000 更改为 1250。

更新:令人费解的是，Fiddle 似乎只能在 Chrome(而不是 Firefox)中工作。不知道为什么。

Answer 1

正确的方法是使用jquery提供的progress回调函数。请参阅文档:http://api.jquery.com/animate/ ，并在其中仅使用它为您提供的参数；

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

(已编辑:抱歉，是进度而不是步骤)

这是您的 fiddle 的更新:http://jsfiddle.net/a9eXE/78/ (我实际上在那里使用步骤，只是因为它更容易获得当前的补间进度，并且当您仅对单个属性进行动画处理时，这没有什么区别)