Html 如何理解硬件加速画布

我读过，有一种叫做硬件加速画布的东西
代码片段是

// Setting hardware scaling canvas.width = 300; canvas.style.width = window.innerWidth + 'px'; canvas.height = 200; canvas.style.height = window.innerHeight + 'px'; //设置硬件缩放 画布宽度=300； canvas.style.width=window.innerWidth+'px'； 画布高度=200； canvas.style.height=window.innerHeight+'px'； 我不太明白这里的意思，这有什么意义？
它会不会降低画布中内容的质量，比如在画布中显示更大的像素？

---

谢谢

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

。。。我们可以在更小的分辨率上工作，让GPU重新调整 结果以适应DOM对象（），并使用一个美丽且自由的过滤器进行模糊 结果）

---

理论上，这种技术应该可以在不太牺牲质量的情况下提高性能。您可能需要使用

canvas.width

和

canvas.height

来实现最佳性能/质量比。

显然，是的

这就像运行一个低分辨率的全屏游戏，比如640x480

还有另外一个报道

顺便说一下，这不是HTML5特有的。大多数现代游戏机的内部计算不是720p或1080p。几乎所有这些都以较低的分辨率（例如1024x600）渲染游戏，并让GPU执行缩放/消除混叠过程。在大多数情况下，这有助于提高FPS