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，以提升应用性能。

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