canvas画布编辑水印

最新推荐文章于 2024-01-26 10:42:15 发布

隐密修罗

最新推荐文章于 2024-01-26 10:42:15 发布

阅读量233

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_18390335/article/details/129143925

版权

					// canvas进行处理
					// <!-- 新加的图片信息 2023.2.21 canvas-->
					// let imglist = $('.JlicenseImg')
					// return
					// canvas 图片上传加水印
					var drawWaterMark = {
   };
					drawWaterMark.init = function (objmsg) {
   
						var chooseTime = dataTime()
						var canvas = document.createElement('canvas');
						var ctx = canvas.getContext('2d');
						var img = new Image();
						img.src = objmsg.imgpath;
						img.setAttribute("crossOrigin", 'Anonymous');
						img.onload = function () {
   
							//绘制和图片大小相同的canvas
							canvas.width = img.width;
							canvas.height = img.height;
							//canvas绘制图片，0 0  为左上角坐标原点
							ctx.drawImage(img, 0, 0);
							//绘制水印
							// if (objmsg.rotate != undefined && objmsg.rotate != null) {//旋转角度[默认20]
							// 	ctx.ro