iPad 2上的KineticJS非常慢

我刚刚重新实现了一个音乐应用程序的一个组件,我正在使用KineticJS而不是我的原型GUI完成所有DOM元素和一些JQuery动画.起初我很高兴看到Chrome中的帧率提高了10-15%,但随后在iPad 2上进行了测试,我得到的估计大约是6fps,而DOM版本大约是30fps.

我一定做错了什么.我希望.

该组件为1000x300,有2层.一个是静态背景,另一个是〜150个形状,大多数大约20-30px大小,一些运行画布的长度.动画使用Kinetic.Tween同时为不透明度和宽度设置动画.大多数形状只是圆形,体积小.什么都没有缓存,但这似乎是如此之少,如此简单的形状,我不会期望这样的迟缓(我估计大约6 fps是我所看到的).我正在为单个笔记创建新的Tween实例,并且可以改为使用池,因为总对象的数量是不变的,但是如果单独导致这样的减速,我会感到惊讶.直觉上我怀疑它推动像素是某种程度上的问题？

该应用程序正在使用WebAudio和JQuery UI来处理简单的小部件,例如按钮,但是至少有30个fps,DOM实现具有相同的音频,其他所有内容都相同.

使用Tweens,渲染循环的默认行为是什么？我认为文档中没有办法指定所需的帧速率.Kinect.Animation看起来它提供了更精细的颗粒控制,但在我的情况下,这将需要太多的状态,因为动画都只是在0.5-1.2秒内逐渐消失的脉冲事件.由于某些原因,不透明度的动画是否非常昂贵？我的静态背景图层是否因未被缓存为图像而导致任何问题？

对不起没有代码可以显示.我可以创建一个jsfiddle,但我希望在上面的描述中有一些明显的东西,我应该做的不同.

哦,我不是在查看动画对象; 它们都是从初始时间开始保存在数组中的.再一次,不会认为这将是问题.