什么是水印？ 使用水印解决什么问题？ 为了防止信息泄露或知识产权被侵犯，在web的世界里，对于图片文档等增加水印处理是十分有必要的。 说人话：对于某些机密文档或者内部文件，当文档外流的时，可以通过水印

我之前写过一篇文章记录了一次上传图片的优化史，计一次vant组件图片上传优化史 还是上次的项目，现在有了一个新需求，就是要给上传的图片添加水印，水印的内容是图片的时间+上传人+系统Logo+系统名称

在安全部门工作的我们，数据安全的观念早已深入骨髓，每个文字，每张图片，都要留心是否有泄露的风险，怎么防止数据泄露，比如图片的水印，就是我们工作过程中经常涉及到的问题。本文探讨比较了几种水印方法

不到50行代码实现一个canvas生成水印工具函数，使用时也非常简单，直接调用即可；先贴完整代码，再详解思路： 源码地址 步骤1-处理传入的图片 生成水印原理都知道，就是在图片上层贴一层自定义的标识

通过了解频域水印的相关知识，我理解了频域水印就是先将图片进行傅里叶变换，得到频域图，然后将水印文字加到频域图中，在将频域图转换回去得到加了频域水印的图片。 因此在自己实现频域水印时，我也是按照这样的方

哈喽，各位倔友们又见面了，本章我们继续来分享一个实用小技巧，给图片加水印功能，水印功能的目的是为了保护网站或作者版权，防止内容被别人利用或白嫖。

给图片添加水印可以帮助网站或作者保护自己的版权，或防止内容被别人利用。给图片添加水印分为添加文字水印和添加图片水印。Canvas 图片水印合成与 Canvas 实现图片压缩 原理基本相同：

使用 IDKit 包，开发者可以轻松地将水印添加到图像中，而无需编写繁琐的代码。这个包提供了多种水印样式，例如文本、图片等，并且支持自定义水印的字体、颜色、大小等属性，以满足不同的需求。

效果 实现思路 利用canvas绘制出文字 将canvas作为遮罩层背景图, 将背景x轴和y轴重复 实现步骤 动态生成canvas并画出文字 将canvas做为遮罩层背景图 防止篡改水印 利用Muta