Attributo globalAlpha del canvas HTML
Definizione e uso
globalAlpha L'attributo imposta o restituisce il valore di trasparenza corrente del disegno (alpha o trasparenza).
globalAlpha Il valore dell'attributo deve essere compreso tra 0.0e il numero completo di trasparenza. 1.0tra i numeri non opachi.
Esempio
Prima di tutto, disegna un rettangolo rosso, poi imposta la trasparenza (globalAlpha) a 0.2 e poi disegna un rettangolo verde e uno blu:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
// Regolare l'opacità
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
Sintassi
context.globalAlpha=number;
Valore dell'attributo
| Valore | Descrizione |
|---|---|
| number | Valore di trasparenza. Deve essere compreso tra 0.0 (trasparente) e 1.0 (opaco). |
Dettagli tecnici
| Valore predefinito: | 1.0 |
|---|
Supporto del browser
I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Nota:Internet Explorer 8 e versioni precedenti non supportano l'elemento <canvas>.
