HTMLCanvasElement: mozOpaque 属性

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

非标准：此特性未标准化。我们不建议在生产环境中使用非标准特性，因为它们浏览器支持有限，并且可能会更改或被移除。但是，在没有标准选项的特定情况下，它们可以是合适的替代方案。

非标准的 HTMLCanvasElement.mozOpaque 属性是一个布尔值，反映了 moz-opaque HTML 属性在 <canvas> 元素上的状态。它允许画布知道是否需要考虑透明度。如果画布知道没有透明度，可以优化绘制性能。

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

值

一个布尔值。

给定此 <canvas> 元素

html

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

您可以获取或设置 mozOpaque 属性。例如，您可以根据条件将其设置为 true，如果 mimeType === 'image/jpeg'，或者类似情况，以便在不需要透明度时提高应用程序的性能。

const canvas = document.getElementById("canvas");
console.log(canvas.mozOpaque); // true
// deactivate it
canvas.mozOpaque = false;

此页面最后修改于 ⁨2025年4月10日⁩，由 MDN 贡献者编辑。