KineticJS Jerky Rotation on TransitionTo

时间:2012-10-26 15:45:36

标签: ios html5 kineticjs

我正在使用KineticJS来旋转一个轮子,以便它落在一个特定的点上。 似乎发生的事情是在iOS上,过渡是每1秒生涩。有没有办法改善渲染的性能?

var dir = 1;
if(direction == "left"){
     dir = -1;
}
var PI = Math.PI;
wheel.transitionTo({    
    rotation: ((degrees*PI/6) + (dir *10*PI)),
    duration:7,
    easing:"ease-out"
})

以下是当前项目的链接:http://dev.hitpointstudios.com/sessionm_wheelspin/trunk/

注意: - 这只发生了。我在Droid 2,HTC Inspire和Galaxy S2上进行了测试,性能很好。

1 个答案:

答案 0 :(得分:1)

调查此事。这是requestAnimationFrame方法的副作用,其中浏览器控制动态帧速率。我目前正在研究实现可能更好地控制的自定义requestAnimationFrame方法。