纯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();

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。