-
前端合成水印图
-
优势
- 不占用服务器资源，完全依赖客户端的计算能力，减少服务端压力。
- 速度快，无论哪种前端的实现方式，性能都优于后端。
- 实现方式简单。
-
在目标区域 上或下 额外覆盖水印图或水印DOM（注意：透明度+点击穿透+文本不被选中），或在目标区域DOM加水印图background
水印图可以用后台返回、canvas生成、svg生成。
-
可以监听水印节点的
MutationObserver进行重新复原防删除破解
- 开发者工具 -> 设置 -> 偏好设置 -> 调试程序 -> 停用 JavaScript。
- 或 复制
<body>后查看（不包含监听代码）。 - 或 代理前端代码，找到水印相关代码删除。
-
-
或通过canvas，把原图和水印内容合成后导出base64替换原图展示（注意：canvas操作原图的跨域限制、导出不支持gif）
-
-
后端返回水印图
-
优势
安全性高。
-
-
暗水印/隐水印
通过某种加密算法，把图片的每个像素点进行肉眼无法分辨的修改，再把泄露的图进行这种解密算法，从而获得加密写入的额外信息。