Свойство globalAlpha

Определяет уровень прозрачности.

Синтаксис

globalAlpha [=value]

Значение — число в диапазоне от 0 до 1.0 (0 — абсолютно прозрачно, 1 — абсолютно не прозрачно). По умолчанию значение равно 1. Если не задавать значение, тогда будет происходить чтение свойства.

Пример

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.fillStyle = "#ff0000";
ctx.fillRect(50,50,100,50);
	
ctx.beginPath();
ctx.globalAlpha = 0.5;
ctx.fillStyle = "blue";
ctx.arc(100,120,50,0,2*Math.PI,false);
ctx.fill();

В живую.