Transparencia (globalAlpha)
La propiedad globalAlpha determina ( sets ) o devuelve ( returns ) el valor alfa o la opacidad real del dibujo.
Puede tomar valores entre 0.0 ( totalmente transparente ) y 1.0 ( totalmente opaco ).
| JavaScript | Descripción | Defecto | |
|---|---|---|---|
| globalAlpha | context.globalAlpha = numero | Determina (sets) o devuelve (returns) el valor alfa o la transparencia actual del dibujo. | 1.0 |
Vea la chuleta con las propiedades y metodos() de canvas.
Un ejemplo fácil
A continuación superponemos tres rectángulos. Debido a que el contexto tiene una opacidad de 75%
ctx.globalAlpha =.75
podemos ver los rectángulos subyacentes.
var canvas = document.getElementById("lienzo1");
if (canvas && canvas.getContext) {
var ctx = canvas.getContext("2d");
if (ctx) {
ctx.globalAlpha=0.75;
ctx.fillStyle="#f00";
ctx.fillRect(60,20,75,50);
ctx.fillStyle="#0f0";
ctx.fillRect(90,50,75,50);
ctx.fillStyle="#00f";
ctx.fillRect(120,80,75,50);
}
}