(uniapp)h5图片加水印

写一个uniapp图片加水印,限于h5,当然小程序和App也是可以的,只是返回的不一样,这里是可以在H5用的,然后可以拿到加完水印的图片,废话不多说:
第一步拿到你要加水印的图片地址,先用canvas把图片画出来,(切记一定要在元素加载完在画,不然报错)
在这里插入图片描述
红框是把图画上去,并把水印加上(看绿框);这样就画上去了,
第二步加完水印以后,我们就要拿到加完水印的图片地址啦;
这里提示一下:

一定要在draw里面写哦,不然拿到的可能是空的

在这里插入图片描述
在这里插入图片描述
首先在canvasToTempFilePath中拿到uniapp给你保存的地址,然后再通过uploadFile上传服务器返回获取到你能使用的地址;
在这里插入图片描述
最后JSON.parse(uploadFileRes.data).data;就是你要的地址啦,
是不是挺简单的。。。。记得点赞哈

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值