Usando el HTML5<canvas> elemento, 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?