HTML canvas globalAlpha プロパティ

❮ HTML Canvas リファレンス

例

まず、赤い矩形を描き、次に透明度（globalAlpha）を 0.5 設定します。続いて、青と緑の矩形を描画します：

YourbrowserdoesnotsupporttheHTML5canvastag.

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);
Try it Yourself ❯

ブラウザ・サポート

表中の数字は、プロパティを完全にサポートした最初のブラウザ・バージョンを指定しています。

globalAlpha
font Yes 9.0 Yes Yes Yes

定義と用法

globalAlpha プロパティは、図形の現在のアルファまたは透明度の値を設定または返します。

globalAlpha プロパティの値は、0.0（完全に透明）～ 1.0（透明度なし）の間の数字でなければなりません。

デフォルト値： 1.0
JavaScript 構文： context.globalAlpha=number;

プロパティの値

値 説明 Play it
number 透明度の値。0.0（完全に透明）～ 1.0（透明度なし）の間の数字でなければならない Play it ❯
HTML canvas Reference HTML Canvas リファレンス