将位图蒙版应用于html5画布上的图像 [英] Apply bitmap mask to image on html5 canvas

问题描述

早上好，我有一个带有背景图像的画布，我需要在其上放置另一个图像，并在其上应用蒙版以具有一定的透明度.在这里，您可以找到我需要的最终结果样本的链接.谁能帮我吗?

解决方案

  imagecontext.drawImage(mask，0，0，width，height);imagecontext.globalCompositeOperation ='源头';imagecontext.drawImage(img，0，0); 

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

Good morning, i have a canvas with a background image, i need to put another image over it and apply a mask on it to have some transparency. Here you can find a link to a sample of the final result i need. Can anyone help me?

解决方案

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

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

这篇关于将位图蒙版应用于html5画布上的图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！