html5硬件中的canvas元素是不是加速?

Posted

技术标签:

【中文标题】html5硬件中的canvas元素是不是加速?【英文标题】:Is canvas element in html5 hardware accelerated?html5硬件中的canvas元素是否加速? 【发布时间】:2015-12-25 06:16:42 【问题描述】:

我对 Web 开发还很陌生,实际上我正在考虑深入研究 html 和 js 进行游戏开发。

所以,在做任何事情之前,我需要知道 html5 中的“canvas”元素是否是硬件加速的。如果不是,那么我需要使用类似 webgl 的东西?我不知道这是否重要,但我使用的浏览器是firefox(可能因浏览器而异)

这可能看起来很愚蠢,但这是一个重要的问题,特别是因为在游戏中你会在周围绘制一堆 2d 精灵。 提前致谢!

【问题讨论】:

【参考方案1】:

是的 HTML5 Canvas 是硬件加速的,但它需要硬件加速浏览器。如果你使用 chrome,你可以去chrome://gpu/查看这个

这是一个外观示例:

几篇相同的文章:

    chromium.org msdn.microsoft.com

【讨论】:

那么 html 对于游戏开发者来说并不是一个很好的选择。我的意思是,如果用户在非硬件加速的浏览器中打开游戏,它会慢很多。感谢您的回答! 我不知道这是真的:大多数浏览器,当然还有非小众浏览器,现在都使用硬件加速。 我们遇到了一些问题,即使是最新的浏览器,Chrome 也无法在某些 Mac 机器上通过硬件加速运行。 SVG 硬件加速了吗?对于游戏开发者来说,SVG 会比 Canvas 更好吗?

以上是关于html5硬件中的canvas元素是不是加速?的主要内容,如果未能解决你的问题,请参考以下文章

HTML5 Canvas ~ 使用绘制元素平滑快速缩放,而不是图像 ~ 如何?

带你了解html5中的canvas

(HTML5) Canvas 是不是具有图像映射的等价物?

HTML5 中的 canvas 画布

《JavaScript高级程序设计》Chapter 15 canvas + Chapter 16 HTML5

[js高手之路]html5 canvas动画教程 - 重力摩擦力加速抛物线运动