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

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)
							
						}
					})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值