开源,持续更新中 watermark-plus
- 支持文本水印
- 支持图片水印
- 可防止被删除
- 可防止重复渲染
- 可动态适应超长水印文本
- 高清晰度
- 支持浏览器端打印
- 可配置性强
- 支持自定义水印内容(排版、样式、内容)
文本水印
图片水印
订制内容
通过图片水印方式可以实现私人订制,步骤:
- 通过HTML + CSS 实现你想要的内容和样式;
- 通过 html2canvas 类似操作将dom转canvas再转image;
- 将image传入水印插件
可防止被手动删除
使用
npm i watermark-plus import Watermark from 'watermark-plus';
const watermark = new Watermark({ // 传参 content: 'Hello World!', });
// 创建水印 watermark.create();
const { default: Watermark } = require('watermark-plus');
const watermark = new Watermark({ // 传参 image: 'gw.alipayobjects.com/zos/bmw-pro…', });
// 创建水印 watermark.create();
api: watermark-plus