Usando el <canvas>
elemento HTML5 , me gustaría cargar un archivo de imagen (PNG, JPEG, etc.), dibujarlo en el lienzo completamente transparente y luego desvanecerlo. He descubierto cómo cargar la imagen y dibujarla en el lienzo, pero no sé cómo cambiar su opacidad una vez que se ha dibujado.
Aquí está el código que tengo hasta ahora:
var canvas = document.getElementById('myCanvas');
if (canvas.getContext)
{
var c = canvas.getContext('2d');
c.globalAlpha = 0;
var img = new Image();
img.onload = function() {
c.drawImage(img, 0, 0);
}
img.src = 'image.jpg';
}
¿Alguien me indicará en la dirección correcta como una propiedad para establecer o una función para llamar que cambiará la opacidad?