Javascript свойство globalAlpha

Свойство globalAlpha устанавливает/возвращает текущее значение прозрачности или альфа-канала графического объекта.

Значением свойства globalAlpha должно быть число между 0.0 (полная прозрачность) и 1.0 (нет прозрачности).

Значение по умолчанию:	1
JavaScript синтаксис:	context.globalAlpha=число;

Возможные значения

Значение	Описание
число	Значение прозрачности. Должно быть число между 0.0 (полная прозрачность) и 1.0 (нет прозрачности)

Пример использования

Сначала нарисуем красный прямоугольник, затем установим прозрачность (globalAlpha) на 0.5, и затем нарисуем синий и зеленый прямоугольники:

JavaScript:


var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);

// Включим прозрачность
ctx.globalAlpha=0.2;
ctx.fillStyle="blue"; 
ctx.fillRect(50,50,75,50); 
ctx.fillStyle="green"; 
ctx.fillRect(80,80,75,50);