HTMLCanvasElement:mozOpaque 属性

已弃用: 不再推荐使用该特性。虽然一些浏览器仍然支持它,但也许已从相关的 web 标准中移除,也许正准备移除或出于兼容性而保留。请尽量不要使用该特性,并更新现有的代码;参见本页面底部的兼容性表格以指导你作出决定。请注意,该特性随时可能无法正常工作。

非标准: 该特性是非标准的,请尽量不要在生产环境中使用它!

非标准的 HTMLCanvasElement.mozOpaque 属性是一个布尔值,反映了 <canvas> 元素的 moz-opaque HTML 属性。它让画布确定是否需要考虑半透明效果。如果画布确定没有半透明效果,则可以优化绘制性能。

备注: 这已被标准化为在使用 HTMLCanvasElement.getContext() 创建绘图上下文时,将 alpha 选项设置为 false。应避免使用 mozOpaque。Firefox 将在未来停止支持它。

一个布尔值。

示例

给定以下 <canvas> 元素:

html
<canvas id="canvas" width="300" height="300" moz-opaque></canvas>

你可以获取或设置 mozOpaque 属性。例如,当不需要透明效果时,你可以在 mimeType === 'image/jpeg' 或类似条件下将其设置为 true,以提升应用性能。

js
const canvas = document.getElementById("canvas");
console.log(canvas.mozOpaque); // true
// 停用它
canvas.mozOpaque = false;

规范

不属于任何标准。

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
mozOpaque
DeprecatedNon-standard

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Non-standard. Check cross-browser support before using.
Deprecated. Not for use in new websites.

参见