如何在Canvas中为JavaScript启用加速硬件

1 javascript html5 canvas hardware-acceleration

如何在JavaScript中为HTML5画布启用硬件加速?或者在JavaScript中不可能?我记得我在某处读过使用CSS或Webgl的东西,但我记不住了.

Ant*_*dao 6

标记正确的答案是不正确的,只要这个问题是关于Canvas的javascript.

这仅适用于常规DOM对象,而不适用于画布中的元素:

transform: translateZ(0); // doesn't apply in Canvas
Run Code Online (Sandbox Code Playgroud)

如果您的浏览器支持Canvas硬件加速并且您的计算机具有GPU,则可以使用Canvas硬件加速.

在某些旧版浏览器中,用户必须在浏览器设置中激活它.

Google Chrome会在可用时激活它.您可以访问以下Chrome网址,检查您的Chrome是否正在运行HTML Canvas硬件加速:Google Chrome GPU Page

Chrome中的Canvas硬件加速功能已于2012年推出.

您可以在此处查看文章中提供的示例.

如果您的目的是释放HTML中GPU硬件加速的全部功能,那么您应该使用WEBGL.开始使用WEBGL的好方法是THREE.JS.