HTML5 verwenden<canvas> Ich möchte eine Bilddatei (PNG, JPEG usw.) laden, diese vollständig transparent auf die Leinwand ziehen und dann einblenden. Ich habe herausgefunden, wie das Bild geladen und auf die Leinwand gezeichnet wird, aber Ich weiß nicht, wie ich die Deckkraft ändern soll, wenn sie einmal gezeichnet wurde.

Hier ist der Code, den ich bisher habe:

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';
}

Wird jemand mich bitte in die richtige Richtung weisen, wie eine Eigenschaft, die festgelegt werden soll, oder eine Funktion, die aufgerufen werden soll, um die Deckkraft zu ändern?