Atrybut globalAlpha znacznika HTML canvas
Definicja i użycie
globalAlpha Atrybut ustawia lub zwraca bieżącą wartość przezroczystości rysowania (alpha lub przejrzystość).
globalAlpha Wartość atrybutu musi być między 0.0(completnie przezroczysty) a 1.0(mniej przezroczysty) między liczbami.
Przykład
Najpierw narysuj prostokąt w czerwonym kolorze, następnie ustaw przezroczystość (globalAlpha) na 0.2, a potem narysuj prostokąty w kolorze zielonym i niebieskim:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Regulacja przezroczystości
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
Gramatyka
kontekst.globalAlpha=number;
Wartość atrybutu
| Wartość | Opis |
|---|---|
| number | Wartość przezroczystości. Musi być między 0.0 (całkowicie przezroczysty) a 1.0 (nieprzejrzysty). |
Szczegóły techniczne
| Domyślna wartość: | 1.0 |
|---|
Wsparcie przeglądarki
Numer w tabeli oznacza pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Komentarz:Internet Explorer 8 i wcześniejsze wersje nie obsługują elementu <canvas>.
