HTMLCanvasElement：mozOpaque 属性

已弃用：此功能不再推荐。尽管某些浏览器可能仍然支持它，但它可能已从相关的 Web 标准中删除，可能正在被删除，或者可能仅出于兼容性目的而保留。避免使用它，如果可能，请更新现有代码；请参阅本页底部的兼容性表以指导您的决策。请注意，此功能可能随时停止工作。

非标准：此功能是非标准的，并且不在标准轨道上。不要在面向 Web 的生产网站上使用它：它不会对每个用户都起作用。实现之间也可能存在很大的不兼容性，并且行为将来可能会发生变化。

非标准的HTMLCanvasElement.mozOpaque属性是一个布尔值，反映了moz-opaque <canvas>元素的 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
// deactivate it
canvas.mozOpaque = false;