javascript - 如何在 JavaScript for Canvas 中启用加速硬件

Question

如何在 JavaScript 中为 HTML5 canvas 启用硬件加速？或者在 JavaScript 中是不可能的？我记得我在某处读到过有关使用 CSS 或 Webgl 来执行此操作的信息，但我不记得了。

Answer 1

标记为正确的答案是不正确的，只要这个问题是关于 JavaScript for Canvas 的。

这仅适用于常规 DOM 对象，不适用于 Canvas 中的元素:

transform: translateZ(0); // doesn't apply in Canvas

如果您的浏览器支持并且您的计算机有 GPU，Canvas 硬件加速将可用。

在一些旧版浏览器中，这必须由用户在其浏览器设置中激活。

谷歌浏览器会在可用时激活它。您可以通过访问以下 Chrome URL 检查您的 Chrome 是否正在运行 HTML Canvas 硬件加速:Google Chrome GPU Page

Chrome 中的 Canvas 硬件加速已在 2012. 中引入

可以看文章here中提供的例子.

如果您打算在 HTML 中释放 GPU 硬件加速的全部功能，您应该选择 WEBGL .开始使用 WEBGL 的一个好而简单的方法是 THREE.JS .