watermark
水印生成工具
安装
- npm
npm install @fisher-zh/watermark- script
<script src="./dist/watermark.min.js"></script>使用
WaterMark({
type = 'canvas',
container: document.getElementById('canvas'),
content = 'WaterMark',
width = '300px',
height = '200px',
rotate = '30',
fontSize = '20px',
color = 'rgba(184, 184, 184, 0.8)'
});| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| type | 渲染方式 | string | canvas/svg | canvas |
| container | 挂载的DOM | object | - | document.body |
| content | 水印内容 | string | - | WaterMark |
| width | 单个水印块的宽度 | string | - | 300px |
| height | 单个水印块的高度 | string | - | 200px |
| rotate | 水印文字的旋转角度 | string/number | - | 30 |
| fontSize | 水印文字的大小 | string | - | 20px |
| color | 水印文字的颜色， | string | - | 20px |