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