Propriedade globalAlpha do Canvas
definição e uso
globalAlpha propriedade define ou retorna o valor de transparência atual (alpha ou transparência) da renderização.
globalAlpha o valor do atributo deve estar entre 0.0(transparente completo) e 1.0entre (não transparente) e
exemplo
Primeiro, desenhe um retângulo vermelho, então defina a transparência (globalAlpha) para 0.2 e desenhe retângulos verde e azul:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="vermelho";
ctx.fillRect(20,20,75,50);
// ajuste de transparência
ctx.globalAlpha=0.2;
ctx.fillStyle="azul";
ctx.fillRect(50,50,75,50);
ctx.fillStyle="verde";
ctx.fillRect(80,80,75,50);
sintaxe
contexto.globalAlpha=number;
valor do atributo
| valor | descrição |
|---|---|
| number | Valor de transparência. Deve estar entre 0.0 (completamente transparente) e 1.0 (opaco). |
Detalhes técnicos
| Valor padrão: | 1.0 |
|---|
Suporte do navegador
Os números na tabela indicam a versão do navegador que suportou a propriedade pela primeira vez.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Notas:O Internet Explorer 8 e versões anteriores não suportam o elemento <canvas>.
