Proprietà globalAlpha del canvas
Definizione e uso
globalAlpha attributo che imposta o restituisce il valore di trasparenza corrente del disegno (alpha o trasparenza).
globalAlpha Il valore dell'attributo deve essere compreso tra 0.0(trasparente) sono numeri. 1.0tra (opaco) e
Esempio
Prima di tutto, disegna un rettangolo rosso, poi imposta la trasparenza (globalAlpha) a 0.2 e disegna poi 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);
// 调节透明度
ctx.globalAlpha=0.2;
ctx.fillStyle="blue";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="green";
ctx.fillRect(80,80,75,50);
语法
context.globalAlpha=number;
属性值
| 值 | 描述 |
|---|---|
| number | Valore di trasparenza. Deve essere compreso tra 0.0 (completamente 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 per la prima volta 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>.
