@wfkit/watermark-dom v0.0.2

水印

在页面添加自定义全局水印

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