（uniapp）h5图片加水印

写一个uniapp图片加水印，限于h5，当然小程序和App也是可以的，只是返回的不一样，这里是可以在H5用的，然后可以拿到加完水印的图片，废话不多说：
第一步拿到你要加水印的图片地址，先用canvas把图片画出来，(切记一定要在元素加载完在画，不然报错)

红框是把图画上去，并把水印加上(看绿框)；这样就画上去了，
第二步加完水印以后，我们就要拿到加完水印的图片地址啦；
这里提示一下：

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

首先在canvasToTempFilePath中拿到uniapp给你保存的地址，然后再通过uploadFile上传服务器返回获取到你能使用的地址；

最后JSON.parse(uploadFileRes.data).data;就是你要的地址啦，
是不是挺简单的。。。。记得点赞哈

（uniapp）h5图片加水印相关推荐

js：用canvas给图片加水印，签名等
场景实际工作中,我们会遇到给图片加水印的效果,比如给用户颁发电子证书要在证书上写下证书的名字,我们可以使用h5的canvas来解决这个问题. 解决例子:给证书上显示用户名字并下载 // @para ...
golang实现给图片加水印
2019独角兽企业重金招聘Python工程师标准>>> 最近跟在写golang图片加水印的方法,这里用的是一些基本的功能. package mainimport ("fmt ...
php加水印功能,PHP图片加水印功能
本篇文章主要介绍PHP图片加水印功能,感兴趣的朋友参考下,希望对大家有所帮助. 实例代码如下:<?php /** * 功能:给一张图片加上水印效果 * $i 要加水印效果的图片 * $t 水印文 ...
Java图片处理（二）图片加水印
图片加水印,是通过图片重叠绘制实现的.实现代码如下: public static void press(String pressImg, String pressText, String target ...
C# 图片加水印例程
using System; using System.IO; using System.Collections; using System.Drawing; using System.Drawing. ...
Python脚本实现图片加水印
起步图片是指由图形.图像等构成的平面媒体,有形式的事物,我们看到的,是图画.照片.拓片等的统称. 为了保护一些原创图片的版权,某些时候我们需要在图片上面,加上水印,当然你可以用Photoshop来做 ...
java 水印位置_Java实现图片加水印且控制位置和透明度
Java实现图片加水印且控制位置和透明度昨天要做一个给图片加水印的功能,不想使用一些插件,就在网上转了一会儿,经过改装成了我需要的功能,代码如下: package org.guhao; import ...
如何给图片加水印？这三个图片加水印方法，帮你添加花式水印
大家有没有这样情况,自己好不容易做好的作品发布到网络平台上结果被他人盗用了,很让人气愤,那我们应该如何避免这种情况呢? 其实我们可以给自己的作品加上一些专属的个性化水印,那小伙伴们知道图片加水印怎么操 ...
java 图片加水印不失真_java实现图片加水印效果
图片加水印代码,这些代码不常用,但是用到的时候需要注意的地方也挺多的,每次都重写比较麻烦,记下来备忘.代码是图片加水印的一般流程,可根据实际项目需要自行修改. 注:代码在JPG和PNG格式图片下测试通 ...

（uniapp）h5图片加水印

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

（uniapp）h5图片加水印相关推荐

最新文章

热门文章