,height);
context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);
各个参数示意为:
参数 描述
img 用来被绘制的图像、画布或视频...img被绘制区域的高度(如果没有后面的width或height参数,则可以伸展或缩小图像)。
x 画布上放置img的起始x坐标。
y 画布上放置img的起始y坐标。
width 可选。...画布上放置img提供的宽度(可能会有图片剪裁效果)。
height 可选。画布上放置img提供的高度(可能会有图片剪裁效果)。...而PNG水印图片的合成,直接连续在使用drawImage()把对应的图片绘制到canvas画布上就可以,原理就是这么简单。...function () {
// 绘制
context.drawImage(imgUpload, 0, 0, 180, 180);
};
imgUpload.src = base64;
三是在已经绘制好了本地图片的画布上继续画水印图片