HTML canvas globalAlphaСвойство
Пример
Сначала нарисуйте красный прямоугольник, затем установите прозрачность (globalAlpha) в значение 0.2, а затем нарисуйте синий и зелёный прямоугольники:
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);
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);
Попробуйте сами »
Поддержка браузеров
Internet Explorer 9, Firefox, Opera, Chrome и Safari поддерживают свойство globalAlpha.
Примечание:Internet Explorer 8 и более ранние версии не поддерживают элемент <canvas>.
Определение и использование
Свойство globalAlpha задаёт или возвращает текущее значение прозрачности (альфа или прозрачность) рисунка.
Значение свойства globalAlpha должно быть числом от 0.0 (полностью прозрачный) до 1.0 (непрозрачный).
| Значение по умолчанию: | 1.0 |
|---|---|
| Синтаксис JavaScript: | context.globalAlpha=number; |
Значение свойства
| Значение | Описание |
|---|---|
| число | Значение прозрачности. Должно быть числом от 0.0 (полностью прозрачный) до 1.0 (непрозрачный). |
Справочник по HTML canvas Другие расширения