明文水印

效果图

静态默认效果

---

可防止被手动删除

项目中效果

使用

import Watermark from 'watermark-plus';

const watermark = new Watermark({
  // 传参
  content: 'Hello World!',
});

// 创建水印
watermark.create();

或者

const { default: Watermark } = require('watermark-plus');

const watermark = new Watermark({
  // 传参
  content: 'Hello World!',
});

// 创建水印
watermark.create();

API

属性	说明	默认值	类型
content	水印文本【必填】		String
fontWeight	font-weight	normal	String|Number
fontSize	font-size 单位px	14	String|Number
fontFamily	font-family	sans-serif	String
color	水印文本颜色	#666666	color|hex|rgb
alpha	水印文本透明度 0~1 0: 表示完全透明，1: 表示完全不透明	0.15	String|Number
width	单个水印宽度 单位px	200	String|Number
height	单个水印高度 单位px	200	String|Number
rotate	水印旋转角度，每个水印以文本中心为原点旋转	330	String|Number
zIndex	z-index	2147483647	String|Number
onWatermarkNull	当水印被破坏消失后的回调	alert	Function

兼容性