如何理解硬件加速画布

【问题标题】：how to understand hardware accelerated canvas如何理解硬件加速画布
【发布时间】：2012-04-19 02:09:06
【问题描述】：

我读过 a post ，还有一种叫做硬件加速画布的东西
代码sn-p是

// 设置硬件缩放画布.宽度 = 300; canvas.style.width = window.innerWidth + 'px'; 画布.高度 = 200; canvas.style.height = window.innerHeight + 'px';

这里我不太明白，怎么理解？
它不会降低画布中内容的质量，比如在其中显示更大的像素吗？
谢谢

【问题讨论】：

标签： html canvas

【解决方案1】：

显然，是的。

这就像以较低的分辨率（如 640x480）全屏运行游戏。

还有另一个 article 报道这个。

顺便说一句，这并不是 HTML5 特有的。大多数现代主机游戏不是在内部以 720p 或 1080p 计算的。几乎所有这些都以较低的分辨率（例如 1024x600）渲染游戏，并让 GPU 进行缩放/抗锯齿处理。在大多数情况下，这可以帮助您提高 FPS。

【讨论】：

【解决方案2】：

是的，它的分辨率会更低，但帖子还说：

...我们可以在较小的分辨率上工作，让 GPU 重新调整结果适合 DOM 对象（带有漂亮且免费的过滤器来模糊结果）。

理论上，这种技术应该可以在不牺牲质量的情况下提高性能。您可能想要使用canvas.width 和canvas.height 来获得最佳性能/质量比。

【讨论】：