WangSZ/web-watermark

纯JS实现的水印库，支持移动端、pc端

WaterMark 给网页添加水印

使用场景

需要在页面中生成水印需求中使用

实例展示

在线预览

引入文件

<script src="watermark.min.js"></script>

const watermark = require('watermark.min.js');

使用

通过 new WaterMark 会返回一个 WaterMark 实例

const watermarkInstance = new WaterMark({
    // 文字大小
    size: '48px',
    // 字体颜色
    color: '#e1e1e1',
    // 生成的 id
    id: 'watermark',
    // 指纹间距
    density: 200,
    // 不支持canvas的提示
    tip: '你的浏览器不支持Canvas'
});

参数说明

参数	类型	说明
size	String	水印字体大小，默认 为 30px
color	String	水印字体颜色，默认 为 #e1e1e1
id	String	生成的水印 id 必选
density	Number	指纹间距，默认 为 200
tip	String	不支持 canvas 提示

API

均是已WaterMark 实例 watermarkInstance 开头调用

render

渲染水印

watermarkInstance.render('水印');

clear

清除水印

watermarkInstance.clear();