Перейти к содержанию

globalAlpha

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

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

Синтаксис

context.globalAlpha=число;

Значения

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

число
Значение прозрачности. Должно быть число между 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)

Ссылки