我一直在尝试使用 createjs 将一些 flash as3 动画转换为 HTML5。在桌面浏览器中一切正常，但在 i-pad 上动画要慢得多。在有复杂的矢量对象的地方，它们太慢以至于无法使用。我可以通过缓存对象来加快速度，但是生成的图形质量很差。这个问题有什么解决办法吗？提前致谢
皮特
问问题
1134 次
1 回答
1
看看画布大小。在 centain 大小之后，移动视频板无法像 pc 那样加速图形。
提示＃4。注意画布的大小
显然，画布越大，绘图操作的成本就越高，但如果您的目标是移动设备，则必须牢记一些尺寸限制。
来自 Safari Web 内容指南：
对于 RAM 小于 256 MB 的设备，画布元素的最大大小为 3 兆像素，对于 RAM 大于或等于 256 MB 的设备，最大大小为 5 兆像素
所以如果你想支持苹果的老硬件，你的画布大小不能超过2048×1464。
但这还不是全部！即使尺寸较小，您也必须将画布的纵横比保持在 ~3/4 和 ~4/3 之间。如果你跨出这些界限，webkit 似乎会切换到一种完全不同的渲染模式，将画布分成多个固定大小的区域，并分别渲染它们，它们之间存在明显的延迟。
似乎没有任何文档，但我已经确认这发生在 iOS 版本 6.0.1 和 5.1.1 上的 Chrome 和 Safari 上。
来源http://blog.toggl.com/2013/05/6-performance-tips-for-html-canvas-and-createjs/
于 2013-12-31T01:31:15.580 回答