前端水印插件

安装

npm i @pomelos/water-mark -S

示例

import WaterMark from "@pomelos/water-mark"
const wm = new WaterMark({
  text: '水印文字'
})

// 删除水印
//  wm.remove()

Config 配置项

| 参数名 | 类型 | 必填 | 默认值 | 版本 | 说明 | | ---------- | -------------------- | ---- | ------------------- | ----- | ---------------------- | | el | string / HTMLElement | N | body | | 需要添加水印的标签元素 | | text | string / string[] | N | @pomelos/water-mark | | 水印文字 | | fontSize | number | N | 14 | | 水印字体大小 | | fontStyle | string | N | 微软雅黑 | | 字体 | | fontColor | string | N | rgba(0,0,0,0.1) | | 文字颜色 | | width | number | N | 200 | | 单个水印宽度 | | height | number | N | 200 | | 单个水印高度 | | angle | number | N | -15 | | 水印旋转角度 | | positionX | number | N | 10 | | 文字起始位置 X 轴 | | positionY | number | N | 单个水印高度的一半 | | 文字起始位置 Y 轴 | | rowSpacing | number | N | 2 | | 多行文字时的间距 | | style | Object | N | 无 | 0.0.5 | 水印标签的额外样式 |

Methods 方法

| 方法名 | 入参 | 出参 | 版本 | 说明 | | ------ | ------ | ---- | ---- | ------------ | | set | Config | 无 | | 重新设置水印 | | remove | 无 | 无 | | 删除水印 |