javascript - 谷歌浏览器硬件加速导致游戏运行缓慢

Question

因此，我一直在 HTML5 Canvas 中开发游戏，并注意到在 Google Chrome 中打开硬件加速时，游戏会滞后且执行速度比关闭时要慢得多。你可以自己尝试一下here

通过进行一些分析，我发现问题出在 drawImage 上。更具体地说，将一张 Canvas 绘制到另一张 Canvas 上。我做了很多这样的事情。

硬件加速开启。

硬件加速关闭。

从一张 Canvas 到另一张 Canvas ，我是否缺少一些基本的东西？为什么差异会如此深远？

Answer 1

如果我没记错的话，在 Chrome 中，DOM 内 Canvas 会加载到 GPU 内存中，而 DOM 外 Canvas 可能不会。因此，从离屏 Canvas 到屏幕 Canvas 的每个绘制图像都会将 Canvas 内容作为纹理加载到 GPU 上，然后将 GPU 上的内存副本复制到屏幕 Canvas 上。将新纹理发送到 GPU 的成本可能相当高。在大多数 GPU 上，加载纹理的吞吐量很高，但延迟也很高。

Chrome 团队的某个人必须提供明确的答案，但这符合我在 Chrome 中使用 Canvas 的经验。