水印插件【watermark-plus】,可防止手动删除水印,支持文本水印、图片水印、定制水印内容

854 阅读1分钟

开源,持续更新中 watermark-plus

  • 支持文本水印
  • 支持图片水印
  • 可防止被删除
  • 可防止重复渲染
  • 可动态适应超长水印文本
  • 高清晰度
  • 支持浏览器端打印
  • 可配置性强
  • 支持自定义水印内容(排版、样式、内容)

文本水印 image.png 图片水印

image.png

订制内容

通过图片水印方式可以实现私人订制,步骤:

  1. 通过HTML + CSS 实现你想要的内容和样式;
  2. 通过 html2canvas 类似操作将dom转canvas再转image;
  3. 将image传入水印插件

可防止被手动删除

c22d6a6af2e04f11bdf09b6c75f241eb.gif

使用

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