Skip to main content

前端水印

分为前端水印和后端水印

前端

借助 canvas 生成背景图片,替换内容的背景

后端

node 服务动态生成水印图片,前端收到资源后替换背景

可以借助 gm 或者 node-images 生成图片

一些问题

如果把 watermark 的 dom 删除了,图片不就是无水印了吗?

利用 MutationObserver 监听 water 的节点,如果节点被修改,内容也随之隐藏

如果是图片水印,怎么解决鼠标右键复制图片?

针对图片禁用右键功能