proprietà tela globalAlpha HTML
HTML Manuale di tela di riferimento
Esempi
In primo luogo, disegnare un rettangolo rosso, e quindi la trasparenza (globalAlpha) è impostato su 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);
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 »
Supporto per il browser
Internet Explorer 9, Firefox, Opera, Chrome e Safari supporto di proprietà globalAlpha.
Nota: 8 e versioni precedenti di Internet Explorer non supportano l'elemento <canvas>.
Definizione e utilizzo
insiemi di proprietà globalAlpha o restituisce il valore trasparente disegno corrente (alfa o trasparenza).
globalAlpha valore di attributo deve essere compreso tra 0,0 (completamente trasparente) Digital (opaco) e 1.0.
| predefinito: | 1.0 |
|---|---|
| sintassi JavaScript: | contesto.globalAlpha = numero; |
Proprietà Valore
| 值 | 描述 |
|---|---|
| number | 透明值。必须介于 0.0（完全透明） 与 1.0（不透明） 之间。 |
HTML Manuale di tela di riferimento