如何在JavaScript for Canvas中启用加速硬件_Javascript_Html_Canvas_Hardware Acceleration

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

javascript html canvas

如何在JavaScript for Canvas中启用加速硬件,javascript,html,canvas,hardware-acceleration,Javascript,Html,Canvas,Hardware Acceleration,如何在JavaScript中为HTML5画布启用硬件加速？或者在JavaScript中是不可能的？我记得我在某个地方读到过关于使用CSS或Webgl做这件事的文章，但我记不起来了。这不一定是个坏问题，但你确实需要做更多的研究。几乎每一款现代浏览器（不知道IE）都提供了它。所以基本上，你不能真正地打开或关闭它，它就在那里，而关闭它的唯一方法是通过客户端，而不是服务器这不一定是个坏问题，但你确实需要做更多的研究。几乎每一款现代浏览器（不知道IE）都提供了它。所以基本上，你不能真正地打开或关闭它

如何在JavaScript中为HTML5画布启用硬件加速？或者在JavaScript中是不可能的？我记得我在某个地方读到过关于使用CSS或Webgl做这件事的文章，但我记不起来了。

这不一定是个坏问题，但你确实需要做更多的研究。几乎每一款现代浏览器（不知道IE）都提供了它。所以基本上，你不能真正地打开或关闭它，它就在那里，而关闭它的唯一方法是通过客户端，而不是服务器

更新：如其他答案所述，这不是正确答案，因为css技巧不会影响3d画布

您可能记得的是CSS的“技巧”，它会触发加速显示，即使您自己并不真正进行3d操作：

一种常见的方法是使用：

transform: translateZ(0);

在你的css中。（如果需要，添加带浏览器前缀的版本）

请注意，这绝不是一种官方支持的打开硬件加速的方式，它只是某些浏览器中的一种（未记录的？）副作用。

更新：如其他答案所述，这不是正确的答案，因为css技巧不会影响3d画布

您可能记得的是CSS的“技巧”，它会触发加速显示，即使您自己并不真正进行3d操作：

一种常见的方法是使用：

transform: translateZ(0);

在你的css中。（如果需要，添加带浏览器前缀的版本）

请注意，这绝不是一种官方支持的开启硬件加速的方式，它只是某些浏览器中的一种（未记录？）副作用。

标记为正确的答案是不正确的，只要这个问题是关于画布的javascript

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

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

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

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

谷歌浏览器在可用时激活它。您可以通过访问以下chrome URL来检查您的chrome是否正在运行HTML画布硬件加速：

Chrome中的Canvas硬件加速早在年就已经引入

您可以看到本文中提供的示例

如果您打算在HTML中释放GPU硬件加速的全部功能，那么您应该使用。开始使用WEBGL的一个好的、更简单的方法是。