水印是 web 开发中偶然会遇到的问题，本文作者：唐霜，转载请注明出处。【转载请注明来源】我们做水印，一方面是为了提高安全，维护成原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。本，另一方面也要考虑用户的阅读感受，不能著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。对用于原有的阅读和感官带来影响。本期具体【版权所有，侵权必究】未经授权，禁止复制转载。聊一聊我所接触到的水印知识。
【作者：唐霜】【版权所有，侵权必究】著作权归作者所有，禁止商业用途转载。在线收听
网易云音乐：点击播放
【版权所有，侵权必究】【原创不易，请尊重版权】【原创内容，转载请注明出处】转载请注明出处：www.tangshua【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。ng.net喜马拉雅：点击播放
本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshua【关注微信公众号：wwwtangshuangnet】【作者：唐霜】ng.net【关注微信公众号：wwwtangshua转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】ngnet】【关注微信公众号：wwwtangshua转载请注明出处：www.tangshuang.net【关注微信公众号：wwwtangshuangnet】ngnet】你还可以在苹果自带的 Podcast 应【作者：唐霜】【本文首发于唐霜的博客】用中搜“Robust”找到我们的节目收听转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】。
本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.n【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。et 获取更多精彩内容】原创内容，盗版必究。捐赠支持
求打赏🙇如果你觉得 Ro【本文首发于唐霜的博客】【原创不易，请尊重版权】bust 这样一档技术类的谈话节目还不错原创内容，盗版必究。【转载请注明来源】，希望我继续做下去，不妨打赏支持。
转载请注明出处：www.tangshua著作权归作者所有，禁止商业用途转载。【版权所有，侵权必究】ng.net未经授权，禁止复制转载。【关注微信公众号：wwwtangshua【作者：唐霜】未经授权，禁止复制转载。ngnet】【原创不易，请尊重版权】
内容大纲
一、引言
- 版权保护 本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。【作者：唐霜】
- 信息安全（可追溯责任人） 原创内容，盗版必究。本文版权归作者所有，未经授权不得转载。【访问 www.tangshuang.n【原创内容，转载请注明出处】【原创不易，请尊重版权】et 获取更多精彩内容】
二、浅水印
要求：
【原创内容，转载请注明出处】【原创内容，转载请注明出处】未经授权，禁止复制转载。【版权所有，侵权必究】
- 整个界面都覆盖水印，随便截图哪里都包含水【转载请注明来源】【原创不易，请尊重版权】印 原创内容，盗版必究。未经授权，禁止复制转载。转载请注明出处：www.tangshua【原创内容，转载请注明出处】转载请注明出处：www.tangshuang.netng.net
- 对应用原始体验没有影响 本文版权归作者所有，未经授权不得转载。【关注微信公众号：wwwtangshua【原创内容，转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】ngnet】原创内容，盗版必究。
- 还原水印准确，还原方法一定能100%还原 未经授权，禁止复制转载。未经授权，禁止复制转载。转载请注明出处：www.tangshua未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。ng.net
- 抗破坏性，无论攻击者通过修改DOM节点、本文作者：唐霜，转载请注明出处。原创内容，盗版必究。通过css隐藏等方法，都无法破坏水印 原创内容，盗版必究。未经授权，禁止复制转载。未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。
水印生成方法：
【访问 www.tangshuang.n【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.netet 获取更多精彩内容】【版权所有，侵权必究】【原创不易，请尊重版权】
- canvas水印 【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。【作者：唐霜】【原创内容，转载请注明出处】
- svg水印 原创内容，盗版必究。【转载请注明来源】【原创内容，转载请注明出处】
三、图片隐写术
隐写术是一门关于信息隐藏的技巧与科学，所【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。谓信息隐藏指的是不让除预期的接收者之外的未经授权，禁止复制转载。未经授权，禁止复制转载。任何人知晓信息的传递事件或者信息的内容。
【访问 www.tangshuang.n【未经授权禁止转载】【未经授权禁止转载】et 获取更多精彩内容】转载请注明出处：www.tangshua未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。ng.net【原创内容，转载请注明出处】未经授权，禁止复制转载。
1. 文本内容的隐写
【原创内容，转载请注明出处】【本文首发于唐霜的博客】【未经授权禁止转载】原创内容，盗版必究。
在文本段落中加入不起眼的版权提示文本，通【访问 www.tangshuang.net 获取更多精彩内容】【原创内容，转载请注明出处】过css将这些文案从视觉范围内移除，但实【转载请注明来源】本文版权归作者所有，未经授权不得转载。际上，当人通过复制黏贴来抄袭时，会把这些著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。文案拷贝过去，如果他不仔细检查，不会发现【原创不易，请尊重版权】【作者：唐霜】这些问题。
【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。
2. 图片（canvas或svg）的隐写
【原创不易，请尊重版权】本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。
针对网页中生成的chart图表，很多是用【版权所有，侵权必究】著作权归作者所有，禁止商业用途转载。echarts等基于canvas或者D3【版权所有】唐霜 www.tangshuang.net【原创内容，转载请注明出处】等基于svg的工具生成，这类图表也需要保未经授权，禁止复制转载。【本文受版权保护】护版权。
本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。【作者：唐霜】
- 图种：在图片的二进制编码种加入不影响图片【转载请注明来源】【原创不易，请尊重版权】本身的编码，还是这张图片 【访问 www.tangshuang.n本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。et 获取更多精彩内容】【版权所有】唐霜 www.tangshu【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】ang.net【本文受版权保护】
- 基于通道值微调的信息隐写方法 著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。
- 基于服务端渲染的方法 【转载请注明来源】【转载请注明来源】
问题：
著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。
- 对图片进行裁剪、压缩后传播 【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。
- 手机拍摄传播 【原创不易，请尊重版权】本文作者：唐霜，转载请注明出处。
四、盲水印
- 空域、时域、频域 【关注微信公众号：wwwtangshua【原创内容，转载请注明出处】【关注微信公众号：wwwtangshuangnet】ngnet】转载请注明出处：www.tangshua【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。ng.net
- 二维离散傅里叶变换 【关注微信公众号：wwwtangshua本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。ngnet】本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。【未经授权禁止转载】
- opencv的FFT计算 【版权所有】唐霜 www.tangshu【转载请注明来源】【本文受版权保护】ang.net【访问 www.tangshuang.n【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】et 获取更多精彩内容】【版权所有，侵权必究】原创内容，盗版必究。
- photo copy 原创内容，盗版必究。未经授权，禁止复制转载。转载请注明出处：www.tangshua未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。ng.net【未经授权禁止转载】
图片来自参考文献《盲水印和图片隐写术》
【转载请注明来源】【本文首发于唐霜的博客】转载请注明出处：www.tangshua本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。ng.net参考文献
- 不能说的秘密——前端也能玩的图片隐写术 http://www.alloyteam【未经授权禁止转载】转载请注明出处：www.tangshuang.net.com/2016/03/image-s【转载请注明来源】【版权所有】唐霜 www.tangshuang.netteganography/ 本文版权归作者所有，未经授权不得转载。【关注微信公众号：wwwtangshua【作者：唐霜】【版权所有，侵权必究】ngnet】【作者：唐霜】【本文受版权保护】
- 数字水印原理与技术 http://www.ecsponlin【未经授权禁止转载】【原创不易，请尊重版权】e.com/yz/B47CEBE7F9A【转载请注明来源】【版权所有，侵权必究】7A4C1B8F598DB14DBD54【关注微信公众号：wwwtangshuangnet】【转载请注明来源】4D000.pdf 【版权所有】唐霜 www.tangshu【版权所有，侵权必究】转载请注明出处：www.tangshuang.netang.net【版权所有】唐霜 www.tangshu【原创内容，转载请注明出处】本文版权归作者所有，未经授权不得转载。ang.net
- 使用canvas在前端实现图片水印合成 https://www.zhangxin著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.netxu.com/wordpress/201未经授权，禁止复制转载。未经授权，禁止复制转载。7/05/canvas-picture-本文作者：唐霜，转载请注明出处。【作者：唐霜】watermark-synthesis/ 转载请注明出处：www.tangshua本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.netng.net未经授权，禁止复制转载。
- 盲水印和图片隐写术 https://ulyc.github.本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。io/2019/03/15/%E7%9B未经授权，禁止复制转载。【本文受版权保护】%B2%E6%B0%B4%E5%8D%B本文版权归作者所有，未经授权不得转载。【原创内容，转载请注明出处】0%E5%92%8C%E5%9B%BE%【原创内容，转载请注明出处】【作者：唐霜】E7%89%87%E9%9A%90%E5【未经授权禁止转载】【本文首发于唐霜的博客】%86%99%E6%9C%AF/ 【访问 www.tangshuang.n未经授权，禁止复制转载。原创内容，盗版必究。et 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。【关注微信公众号：wwwtangshua【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.netngnet】
2020-08-23 4217 水印
