纯JS实现的水印库,支持移动端、pc端
WaterMark 给网页添加水印
使用场景
API
需要在页面中生成水印需求中使用
实例展示在线预览
引入文件<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 提示 |
均是已WaterMark
实例 watermarkInstance
开头调用
渲染水印
watermarkInstance.render('水印'); clear
清除水印
watermarkInstance.clear();
版权声明:
1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。2、网站不提供资料下载,如需下载请到原作者页面进行下载。