删除 HTML 画布 Alpha 通道

Question

我有一个非常大的 html 画布元素，覆盖了纯色背景。我假设如果浏览器没有将画布与其后面的元素（在本例中为纯色）混合，则在滚动/平移时可以节省大量 CPU。

是否可以删除画布 Alpha 通道？这应该留给浏览器来检测和优化吗？或者说速度的提升是微不足道的？

Answer 1

MDN建议在画布上下文中设置 alpha 选项：

\n

\n

如果您的应用程序使用画布并且\xe2\x80\x99不需要透明背景，请在使用 . 创建绘图上下文时将该alpha选项设置为。浏览器可以在内部使用此信息来优化渲染。falseHTMLCanvasElement.getContext()

\n

\n

var ctx = canvas.getContext(\'2d\', { alpha: false });\n

\n