files/zh-cn/web/api/htmlcanvaselement/mozopaque/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53

---
title: HTMLCanvasElement.mozOpaque
slug: Web/API/HTMLCanvasElement/mozOpaque
tags:
  - API
  - Canvas
  - HTMLCanvasElement
translation_of: Web/API/HTMLCanvasElement/mozOpaque
---
<div>{{APIRef("Canvas API")}}{{non-standard_header}}</div>

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

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

<h2 id="Syntax" name="Syntax">语法</h2>

<pre class="syntaxbox notranslate">var <em>opaque</em> = <em>canvas</em>.mozOpaque;
<em>canvas</em>.mozOpaque = true;
</pre>

<h2 id="示例">示例</h2>

<p>有如下{{HTMLElement("canvas")}} 元素:</p>

<pre class="brush: html notranslate">&lt;canvas id="canvas" width="300" height="300" moz-opaque&gt;&lt;/canvas&gt;
</pre>

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

<pre class="brush: js notranslate">var canvas = document.getElementById('canvas');
console.log(canvas.mozOpaque); // true
// 停用该方法
canvas.mozOpaque = false;
</pre>

<h2 id="规范">规范</h2>

<p>不属于任何标准。</p>

<h2 id="浏览器兼容性">浏览器兼容性</h2>


<p>{{Compat("api.HTMLCanvasElement.mozOpaque")}}</p>

<h2 id="See_Also" name="See_Also">参考</h2>

<ul>
 <li>定义它的接口, {{domxref("HTMLCanvasElement")}}.</li>
 <li>{{HTMLElement("canvas")}} 元素的{{htmlattrxref("moz-opaque", "canvas")}}HTML属性</li>
 <li><a href="https://hacks.mozilla.org/2013/05/optimizing-your-javascript-game-for-firefox-os/">为Firefox OS优化你的JavaScript游戏</a></li>
</ul>