Manuale di riferimento HTML

Completo elenco dei tag HTML

Proprietà globalAlpha di HTML canvas

globalAlpha è una proprietà dell'API Canvas 2D utilizzata per descrivere l'opacità delle immagini e dei grafici disegnati sul canvas prima di essere tracciati. Il valore della proprietà varia da 0.0 (completamente trasparente) a 1.0 (completamente opaco).

Manuale di riferimento per HTML canvas

Esempio online

Prima di tutto, disegna un rettangolo rosso, poi imposta l'opacità (globalAlpha) a 0.5 e disegna un rettangolo blu e verde:

Esempio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo dell'attributo globalAlpha in HTML canvas - Tutorial di base (oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Il tuo browser non supporta il tag HTML5 canvas.
</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(20,20,75,50);
//trasformazione dell'opacità
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";　
ctx.fillRect(50,50,75,50);　
ctx.fillStyle="green";　
ctx.fillRect(80,80,75,50);
</script>
</body>
</html>

Prova a vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari supportano l'attributo globalAlpha.

Attenzione:Internet Explorer 8 e le versioni precedenti non supportano l'elemento <canvas>.

Definizione e uso

L'attributo globalAlpha imposta o restituisce il valore alpha o la trasparenza corrente del grafico.

Il valore dell'attributo globalAlpha deve essere un numero compreso tra 0.0 (completamente trasparente) e 1.0 (senza trasparenza).

Valore predefinito:	1.0
Sintassi JavaScript:	context.globalAlpha=number;

Valore dell'attributo

Valore	Descrizione
number	Valore di trasparenza. Deve essere compreso tra 0.0 (completamente trasparente) e 1.0 (opaco).

　Manuale di riferimento per HTML canvas

HTML: <template> etichetta