Javascript свойство globalAlpha

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

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

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

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

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

Пример

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

Ваш браузер не поддерживает HTML5 тег canvas.

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);