Esempio
In primo luogo, disegnare un rettangolo rosso, quindi impostare la trasparenza (globalAlpha) a 0.5, e quindi disegnare un blu e un rettangolo verde:
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);
Prova tu stesso " Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| globalAlpha | |||||
|---|---|---|---|---|---|
| font | sì | 9.0 | sì | sì | sì |
Definizione e utilizzo
Gli insiemi di proprietà globalAlpha o restituisce il valore alfa o la trasparenza corrente del disegno.
Il valore della proprietà globalAlpha deve essere un numero compreso tra 0.0 (completamente trasparente) e 1.0 (senza trasparenza).
| Valore di default: | 1.0 |
|---|---|
| sintassi JavaScript: | context.globalAlpha=number; |
I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| number | Il valore di trasparenza. Deve essere un numero compreso tra 0.0 (completamente trasparente) e 1.0 (senza trasparenza) | Gioca " |