在 HTML5 画布之外渲染图像会影响性能吗？

【问题标题】：Will rendering images outside an HTML5 canvas hurt performance?在 HTML5 画布之外渲染图像会影响性能吗？
【发布时间】：2014-02-18 22:10:03
【问题描述】：

我正在构建一个 2D 平台游戏，我将在屏幕外显示一堆关卡。渲染这些会损害性能，还是我应该开发某种形式的 2D 遮挡剔除以避免渲染？此外，这会对性能造成多大影响？

【问题讨论】：

【解决方案1】：

渲染引擎应该放弃对画布外部区域的渲染调用，但我仍然建议不要尝试从这些区域开始绘制，以减少执行不必要逻辑的总体开销。也就是说，主要成本将是如果触发重绘，在这种情况下不太可能发生。

以下是 2010 年的 WebKit 错误报告（已修复），它解决了浏览器意外在画布外绘制内容的问题：

【讨论】：