Przykład
Po pierwsze, narysować czerwony prostokąt, a następnie ustawić przezroczystość (globalAlpha) do 0,5, a następnie narysować 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 " Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| globalAlpha | |||||
|---|---|---|---|---|---|
| font | tak | 9,0 | tak | tak | tak |
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ą z przedziału od 0.0 (całkowicie przezroczysty) i 1.0 (bez transparancy).
| Domyślna wartość: | 1,0 |
|---|---|
| Składnia JavaScript: | context.globalAlpha=number; |
wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| number | Wartość przezroczystości. Musi być liczbą pomiędzy 0.0 (w pełni przezroczysty) i 1.0 (bez transparancy) | Graj " |