例
まず、0.5に透明性（globalAlpha）を設定し、青と緑の四角形を描画した後、赤色の四角形を描画します：
JavaScriptを：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Turn transparency on
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
»それを自分で試してみてください ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| globalAlpha | |||||
|---|---|---|---|---|---|
| font | はい | 9.0 | はい | はい | はい |
定義と使用法
globalAlphaプロパティセットや図面の現在のアルファまたは透明度の値を返します。
globalAlphaプロパティ値の間の数字でなければならない0.0 （完全に透明）および1.0 （なしtransparancy）。
| デフォルト値： | 1.0 |
|---|---|
| JavaScriptシンタックス： | context.globalAlpha=number; |
プロパティ値
| 値 | 説明 | それを再生します |
|---|---|---|
| number | 透明度の値です。 間の数でなければならない0.0 （完全に透明）および1.0 （なしtransparancy） | それを再生します» |