2013-05-29 51 views
1

我一直在尝试使用createjs将一些Flash as3动画转换为HTML5。在桌面浏览器中一切正常,但在i-pad上动画速度相当慢。如果存在复杂的矢量对象,则它们太慢而无法使用。我可以通过缓存对象来加快速度,但所得图形的质量很差。有没有解决这个问题的方法? 在此先感谢createjs动画缓慢的ipad

皮特

回答

1

采取画布大小一起来看看。经过一个中等大小的移动视频板不能像PC一样加速图形。

提示#4。观看您的帆布的尺寸

很明显,画布越大,绘图 操作的成本越高,但如果您的移动设备的目标是针对移动设备,则必须记住一些尺寸 限制。

从Safari网页内容指南:

用于画布元件的最大尺寸是用于与 小于256 MB RAM器件3百万像素和5百万像素对具有更大的设备或 大于256 MB RAM等于

所以如果你想支持苹果的旧硬件,你的 画布的大小不能超过2048×1464。

但这还不是全部!即使尺寸较小,您也必须保持画布的宽高比在3/4和3/4之间。如果您跳出这些界限,webkit似乎切换到完全不同的呈现模式,即将画布分割为多个固定大小的区域,并分别渲染它们,并在它们之间产生明显的延迟。

这似乎没有任何文档,但我有 确认这发生在iOS和iOS版本6.0.1上的Chrome和Safari浏览器 和5.1.1。

http://blog.toggl.com/2013/05/6-performance-tips-for-html-canvas-and-createjs/

+0

我的动画减少画布大小后变得更快! 但是,我怎样才能使全屏和所有的? :( – Navaneeth