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 GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
mozOpaque |
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.
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
参见
HTMLCanvasElement
:用于定义HTMLCanvasElement.mozOpaque
属性的接口。moz-opaque
:<canvas>
元素的 HTML 属性- 优化你的 JavaScript 游戏以适配 Firefox OS