水印
在页面添加自定义全局水印
Installation
npm i @wfkit/watermark-dom
Usage
import { createWatermark } from '@wfkit/watermark-dom'
const watermark = createWatermark({ text: '这里是水印文本' })
// or 使用模板
const watermark = createWatermark({
text: '这里是{{username}}',
data: { username: 'XXX' },
})
// 销毁水印
watermark.destroy()
// 可选参数
type WatermarkOptions = {
text: string // 水印模板 hostname
data: Record<string, any> // 水印模板 {}
startX: number // 水印起始位置x轴坐标 0
startY: number // 水印起始位置Y轴坐标 0
gapX: number // 水印x轴间隔 50
gapY: number // 水印y轴间隔 50
width: number // 水印宽度 120
height: number // 水印高度 30
fontFamily: string // 水印字体
fontSize: number // 水印字体大小 18
color: string // 水印字体颜色 #000000
opacity: number // 水印透明度 0.1 (要求设置在大于等于0.005)
degree: number // 水印倾斜角度 30
}
License
MIT © YDWF.COM