1.0.3 • Published 1 year ago
kiana-water-mark v1.0.3
介绍
kiana-water-mark 是一款基于 JavaScript 的水印插件，适用于给图片添加水印，支持 TypeScript。
快速上手
安装插件
npm install kiana-water-mark引入插件
import KianaWaterMark from "kiana-water-mark";使用说明
调用方法：makeWaterMark
KianaWaterMark.makeWaterMark( waterRef.value, "黑不溜秋", "rgba(0,0,0,0.6)", 16, 80, 80, 0, 99, [0, 40] );参数说明
| 参数 | 类型 | 必填 | 说明 | 默认值 |
|---|---|---|---|---|
| container | HTMLDivElement | √ | 水印容器 | - |
| text | string | × | 水印文字 | 水印 |
| color | string | × | 水印颜色 | rgba(0,0,0,0.5) |
| size | number | × | 水印文字大小（单位：px） | 14 |
| width | number | × | 水印宽度（单位：px） | 200 |
| height | number | × | 水印高度（单位：px） | 100 |
| rotate | number | × | 水印旋转角度（单位：度） | 30 |
| zindex | number | × | 水印层级 | 100 |
| offset | Array | × | 水印偏移量 | 0,0 |
其他
- 水印容器需要申明 width 和 height
- 确保水印容器已渲染