globalAlpha¶
Свойство globalAlpha
устанавливает/возвращает текущее значение прозрачности или альфа-канала графического объекта.
Значением свойства globalAlpha
должно быть число между 0.0
(полная прозрачность) и 1.0
(нет прозрачности).
Синтаксис¶
context.globalAlpha=число;
Значения¶
Значение по умолчанию: 1
число
- Значение прозрачности. Должно быть число между
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)
Ссылки¶
- Свойство
globalAlpha
MDN (рус.)