将位图蒙版应用于html5画布上的图像

Question

早上好，我有一张带有背景图片的画布，我需要在上面放一张图像并在上面涂上一个遮罩以保持透明度。在这里，您可以找到我需要的最终结果样本的链接。任何人都可以帮助我吗？

Answer 1

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

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