为了避免公司的内部文档被截图外泄,有必要在系统页面上面增加水印。
第一步:
下载依赖包:
npm install watermark-dom
package.json中会添加一个依赖如下:
"watermark-dom": "^2.3.0"
第二步:
引入水印模块
import watermark from 'watermark-dom'
第三步:
在页面DOM加载完毕之后调用watermark.js的load方法(手动加载):
watermark.load({ watermark_txt: "测试水印" })
页面上水印成功展示
watermark提供内置方法:
- 初始化水印,添加load和resize事件