我一直在尝试使用createjs将一些flash as3动画转换为HTML5。在桌面浏览器中一切正常,但在i-pad上,动画速度要慢得多。在存在复杂矢量对象的情况下,它们非常慢以至于无法使用。我可以通过缓存对象来加快速度,但结果图形的质量很差。这个问题有什么解决方案吗? 提前致谢
皮特
答案 0 :(得分:1)
看看画布大小。在移动vídeo板之后,移动视频板不能像PC一样加速图形。
提示#4。观看画布的大小
显然,画布越大,绘图成本越高 操作,但如果您的目标是移动设备,则有一些尺寸 限制你必须记住。
从Safari Web内容指南:
对于具有的设备,canvas元素的最大大小为3百万像素 低于256 MB RAM和500万像素,用于具有更高或更高的设备 等于256 MB RAM
因此,如果你想支持Apple的旧硬件,你的大小 帆布不能超过2048×1464。
但这不是全部!即使尺寸较小,您也必须保留 画布的纵横比在~3 / 4和~4 / 3之间。如果你走出那些 边界,webkit似乎切换到完全不同的渲染 模式将画布分割为多个固定大小的区域并进行渲染 他们分开,他们之间有明显的延迟。
似乎没有任何关于此的文件,但我有 确认在iOS版本6.0.1上Chrome和Safari都会发生这种情况 和5.1.1。
来源http://blog.toggl.com/2013/05/6-performance-tips-for-html-canvas-and-createjs/