0.0.6 • Published 10 months ago
Last release10 months ago
前端水印插件
安装
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 | 无 | 无 | | 删除水印 |