uniapp app以及小程序图片添加水印

最新推荐文章于 2024-06-27 11:51:46 发布

行云流水626

最新推荐文章于 2024-06-27 11:51:46 发布

阅读量611

点赞数

文章标签： uni-app 小程序

本文链接：https://blog.csdn.net/Lsir1998/article/details/130009681

版权

const ctx = uni.createCanvasContext('myCanvas')
					const ctx1 = uni.createCanvasContext('myCanvas1')
					uni.getImageInfo({
						src:this.carInfo.lessee.id_card_positive_url,
						success:imgInfo=>{
							this.canvasW = imgInfo.width
							this.canvasH = imgInfo.height
							// #ifdef APP-PLUS
							ctx.drawImage(this.carInfo.lessee.id_card_positive_url,0,0,imgInfo.width,imgInfo.height)
							// #endif
							// #ifdef MP
							ctx.drawImage(imgInfo.path,0,0,imgInfo.width,imgInfo.height)
							// #endif
							ctx.rotate((45 * Math.PI) / 180);
							ctx.setFontSize(20)
							 ctx.setFillStyle('rgba(255,255,255,0.5)');
							 for (let j = 1; j < 10; j++) {
								//用for循环达到重复输出文字的效果，这个for循环代表纵向循环
								ctx.fillText('卡哥帮', 0, 50 * j);
								for (let i = 1; i < 20; i++) {
									//这个for循环代表横向循环，
									ctx.fillText('卡哥帮', 130 * i, 100 * j);
								}
							}
							 for (let j = 0; j < 10; j++) {
								ctx.fillText('卡哥帮', 0, -50 * j);
								for (let i = 1; i < 20; i++) {
									ctx.fillText('卡哥帮', 130 * i, -100 * j);
								}
							}
							ctx.draw()
							setTimeout(()=>{
								uni.canvasToTempFilePath({
									x: 0,
									y: 0,
									width: imgInfo.width,
									height: imgInfo.height,
									destWidth: imgInfo.width, 
									destWidth: imgInfo.height,
									canvasId:'myCanvas',
									success:imgPath=>{
										this.imgUrl = imgPath.tempFilePath
										arrs.push(imgPath.tempFilePath)
									}
								})
							},1500)
							
						}
					})