1.0.2 • Published 1 year ago
欢迎使用 watermark
安装
npm install @limigm/watermark
使用
import WaterMark from '@limigm/watermark'
new WaterMark({},{
rotate: -45
)
属性
| 属性名 | 属性值类型 | 属性描述 | 默认值 |
|---|
| canvasOptions | CanvasOptions | canvas 属性 |
| waterMarkIndividualStyle | WaterMarkIndividualStyle | 水印属性 |
CanvasOptions
| 属性名 | 属性值类型 | 属性描述 | 默认值 |
|---|
| width | number | canvas 宽 | 200 |
| height | number | canvas 高 | 200 |
| font | string | 字体样式 | normal 16px 思源黑体_ Regular |
| fillStyle | string | 文本颜色 | rgba(10, 100, 80, .2) |
| textAlign | center | left | right | 对齐方式 | center |
| fillTextArr | string[] | 文本内容 | "limi", "3150987586" |
| rotate | number | canvas旋转角度 | 0 |
| fillTextX | number | 文本横坐标开始 | 100 |
| fillTextY | number | 文本纵坐标开始 | 100 |
WaterMarkIndividualStyle
| 属性名 | 属性值类型 | 属性描述 | 默认值 |
|---|
| z-index | number | string | 水印层级 | 99999 |
| rotate | number | 水印旋转角度 | -30 |
| container | HTMLElement | 绑定的dom元素 | document.body |