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