Przykład
Najpierw wyciągnąć czerwony prostokąta, a następnie ustawić przezroczystość (globalAlpha) do 0,5, a następnie wyciągnąć niebieski i zielony prostokąt:
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);
Spróbuj sam " Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Nieruchomość | |||||
---|---|---|---|---|---|
globalAlpha | 4.0 | 9.0 | 3.6 | 4.0 | 10,1 |
Definicja i Wykorzystanie
Zestawy własności globalAlpha lub zwraca aktualną wartość przezroczystości alfa lub rysunku.
Wartość właściwości globalAlpha musi być liczbą między 0,0 (całkowicie przezroczysty) do 1,0 (no transparancy) .
Domyślna wartość: | 1,0 |
---|---|
Składnia JavaScript: | context .globalAlpha= number ; |
wartości nieruchomości
Wartość | Opis | Graj |
---|---|---|
number | Wartość przezroczystości. Wymagana jest ilość w zakresie od 0,0 (całkowicie przezroczysty) do 1,0 (no transparancy) | Graj " |
<Płótno Przedmiot