HTML холст globalAlpha недвижимость
примеров
Во-первых, нарисовать красный прямоугольник, а затем прозрачность (globalAlpha) устанавливается на 0,5, а затем нарисуйте синий и зеленый прямоугольник:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Turn transparency on
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);
// Turn transparency on
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 собственности.
Примечание: 8 и более ранние версии Internet Explorer не поддерживают элемент <Canvas>.
Определение и использование
globalAlpha наборов свойств или возвращает текущий чертеж прозрачный значение (альфа или прозрачности).
Значение атрибута globalAlpha должно быть между 0.0 (полностью прозрачный) Digital (непрозрачный) и 1.0.
| По умолчанию: | 1,0 |
|---|---|
| Синтаксис JavaScript: | Контекст.globalAlpha = число; |
Значение свойства
| 值 | 描述 |
|---|---|
| number | 透明值。必须介于 0.0（完全透明） 与 1.0（不透明） 之间。 |