globalAlpha¶

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

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

Синтаксис¶

context.globalAlpha=число;

Значения¶

Значение по умолчанию: 1

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

Спецификация¶

HTML Living Standard

Пример¶

Сначала нарисуем красный прямоугольник, затем установим прозрачность (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)

Ссылки¶

Свойство globalAlpha ^{MDN (рус.)}