HTML propriedade globalAlpha lona
HTML Manual de lona Referência
Exemplos
Primeiro, desenhe um retângulo vermelho, e, em seguida, a transparência (globalAlpha) está definido para 0,5, e depois tirar um azul e um retângulo 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);
tente »
Suporte a navegadores
Internet Explorer 9, Firefox, Opera, Chrome e Safari apoio globalAlpha propriedade.
Nota: 8 e versões anteriores do Internet Explorer não suportam o elemento <canvas>.
Definição e Uso
globalAlpha conjuntos de propriedades ou retorna o valor atual transparente desenho (alfa ou transparência).
globalAlpha valor do atributo deve estar entre 0.0 (totalmente transparente) Digital (opaco) e 1,0.
padrão: | 1.0 |
---|---|
sintaxe JavaScript: | contexto.globalAlpha = número; |
Valor de propriedade
值 | 描述 |
---|---|
number | 透明值。必须介于 0.0(完全透明) 与 1.0(不透明) 之间。 |
HTML Manual de lona Referência