给网页图片添加水印是个常见的功能，也是互联网内容作者保护自己版权的方法之一。本文简单记录在前端实现图片添加水印的实现方法。canvas元素其实就是一个画布，我们可以很方便地绘制一些文字、线条、图形等

为了防止信息泄露或知识产权被侵犯，在web的世界里，对于图片文档等增加水印处理是十分有必要的。水印的添加根据环境可以分为两大类，前端浏览器环境添加和后端服务环境添加

通过RGB 分量值的小量变动，不影响对图片的识别。因此，我们可以在图片加入文字信息。最终达到如下效果:

前两天给个人网站添加了一个小功能，就是在文章编辑上传图片的时候自动给图片加上水印。给网页图片添加水印是个常见的功能，也是互联网内容作者保护自己版权的方法之一。本文简单记录一下借助canvas在前端实现图片添加水印的实现方法

最近项目中遇到一个需求，需要把一张图片加上平铺的水印，首先想到的是用canvas完成这种功能，因为我之前也没有接触过canvas，所以做这个功能的时候，就是一步一步的摸索中学习

在网站浏览中，常常需要网页水印，以便防止用户截图或录屏暴露敏感信息后，追踪用户来源。如我们常用的钉钉软件，聊天背景就会有你的名字。那么如何实现网页水印效果呢？