例
まず、透明度設定その後、赤色の四角形を描画する(globalAlpha) 0.5にし、次に青と緑の長方形を描きます。
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 | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
定義と使用法
globalAlphaプロパティセットまたは図面の現在のアルファまたは透明度の値を返します。
globalAlphaプロパティの値は、0.0（完全に透明）と1.0の間の数でなければならない(no transparancy)
| デフォルト値： | 1.0 |
|---|---|
| JavaScriptシンタックス： | context .globalAlpha= number ; |
プロパティ値
| 値 | 説明 | それを再生します |
|---|---|---|
| number | 透明度の値。 0.0（完全に透明）と1.0の間の数でなければならない(no transparancy) | それを再生します» |
<Canvasオブジェクト