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 browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| globalAlpha | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definizione e l'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 (no transparancy) .
| 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 (no transparancy) | Gioca " |
<Oggetto Tela