HTMLCanvasElement.mozOpaque - Web API 接口参考 编辑

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

非标准的 HTMLCanvasElement.mozOpaque 是一种 Boolean 的数据反映了<canvas>元素的{htmlattrxref("moz-opaque"， "canvas")} HTML属性。它能够让画布（canvas）将半透明作为一个参考因素。如果画布知道没有半透明因素，作画的性能可以优化。

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

语法

var opaque = canvas.mozOpaque;
canvas.mozOpaque = true;

示例

有如下<canvas> 元素:

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

你可以获取或设置 mozOpaque 属性. 例如，当mimeType == 'image/jpeg'或类似值时，可以将其属性值设置为true，以在不需要半透明度的情况下提高应用程序的性能。

var canvas = document.getElementById('canvas');
console.log(canvas.mozOpaque); // true
// 停用该方法
canvas.mozOpaque = false;

规范

不属于任何标准。

浏览器兼容性

BCD tables only load in the browser

参考

• 定义它的接口, HTMLCanvasElement.
• <canvas> 元素的moz-opaqueHTML属性
• 为Firefox OS优化你的JavaScript游戏