En utilisant l' <canvas>
élément HTML5 , je voudrais charger un fichier image (PNG, JPEG, etc.), le dessiner sur la toile de manière complètement transparente, puis le fondre dedans. J'ai compris comment charger l'image et la dessiner dans le toile, mais je ne sais pas comment changer son opacité une fois qu'il a été dessiné.
Voici le code que j'ai jusqu'à présent:
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';
}
Quelqu'un pourra-t-il m'orienter dans la bonne direction comme une propriété à définir ou une fonction à appeler qui changera l'opacité?