如何在 JavaScript 中为 HTML5 画布启用硬件加速？或者说这在 JavaScript 中是不可能的吗？我记得我在某处读到过使用 CSS 或 Webgl 来做到这一点，但我不记得了。
只要这个问题是关于 Canvas 的 javascript ，标记为正确的答案就是不正确的。
这仅适用于常规 DOM 对象，不适用于画布中的元素：
transform: translateZ(0); // doesn't apply in Canvas
如果您的浏览器支持并且您的计算机具有 GPU，则可以使用 Canvas 硬件加速。
在某些较旧的浏览器中，这必须由用户在其浏览器设置中激活。
Google Chrome 会在可用时将其激活。您可以通过访问以下 chrome URL 检查您的 chrome 是否正在运行 HTML Canvas 硬件加速：谷歌 Chrome GPU 页面 http://chrome://gpu/
Chrome 中的 Canvas 硬件加速已重新引入2012. https://developers.google.com/web/updates/2012/07/Taking-advantage-of-GPU-acceleration-in-the-2D-canvas?hl=en
您可以查看文章中提供的示例here http://fhtr.org/gravityring/sprites.html.
如果您的目的是在 HTML 中充分发挥 GPU 硬件加速的能力，您应该选择WEBGL http://learningwebgl.com/blog/?p=28。开始使用 WEBGL 的一个好且更简单的方法是THREE.JS http://threejs.org/.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
