2013-07-14 30 views
0

我使用KineticJs库在画布上绘制很多帧。 我正在为每一帧创建一个带有相关图像源的新JavaScript图像对象,并在图像加载后在画布上设置新图像。Javascript图像加载缓慢的ipad

我发现它需要约22ms的时间才能在chrome和ipad safari上运行约600ms ......这是一个很大的区别,有没有人经历过这样的行为,并且没有人对我们如何克服这个问题有所了解?例如,也许我可以强制ipad使用它的GPU。

任何回应将不胜感激。

+0

图片有多大?你的画布尺寸是多少?在iPad上,大于1024x768的画布会显着降低渲染速度。 – kalley

+0

我想出了大量的加载时间是由于javascript单线程上下文切换以及通过过滤一些不必要的鼠标移动操作,我设法降低了这个加载时间,但PC和ipad之间的差异仍然很大。\ – Doron

+0

大多数的iPad屏幕是画布,我正在绘制高质量的图像,我从服务器以base64格式获得。我在想,如果网络工作者可以在这种情况下以某种方式帮助我,但我明白我不能在网络工作者内部创建图像对象...嗯,任何建议... – Doron

回答

0

This page says that iPad cuts off loading images at 6.5mb。我不确定这是否仍然如此,但我确实已经注意到6.5 mb之前的节流。

由于我使用的是照片卷轴,我所做的是将图像名称加载到隐藏的html字段中,然后在滚动条显示下一个图像前2.5秒将下一图像加载到隐藏图像标签中。当然,您也可以在JavaScript数组中加载图像名称。如果仍然感兴趣,我可以提供代码片段...