Bitmap-Maske auf Bild auf html5 Leinwand anwenden

Question

Guten Morgen, ich habe eine Leinwand mit einem Hintergrundbild, ich muss ein anderes Bild darüber legen und eine Maske darauf anwenden, um etwas Transparenz zu haben. Hier finden Sie einen Link zu einem Muster des Endergebnisses, das ich brauche. Kann mir jemand helfen?

Answer 1

imagecontext.drawImage(mask, 0, 0, width, height); 
imagecontext.globalCompositeOperation = 'source-atop'; 
imagecontext.drawImage(img, 0, 0); 

http://codepo8.github.io/canvas-masking/