1.0.2 • Published 6 years ago
jdf2e-watermark v1.0.2
watermark.js
watermark.js是一款可配置的水印
示例
(function(win, cfg) {
window.pageConfig = {
watermarkId: "waterMark",
canvasWidth:140,
canvasHeight:140,
message: 'jder',
contextFont:'15px Vedana',
contextColor:'rgba(158, 158, 158, 0.5)',
contextAlign:'right',
contextBaseline:'Middle'
}
if (cfg) { for (var key in cfg) pageConfig[key] = cfg[key] }
win.pageConfig = pageConfig
})(window, window.pageConfig);安装
jdf2e-watermark npm包
npm install jdf2e-watermark
或者页面直接引入这个js。
<script type="text/javascript" src="./js/watermark.js"></script>参数
参数说明:
| 参数名称 | 说明 |
|---|---|
| watermarkId | 水印id |
| canvasWidth | 每个水印的区域宽 |
| canvasHeight | 每个水印的区域高 |
| message | 显示具体水印内容 |
| contextFont | 水印像素和字体 |
| contextColor | 水印颜色和透明度 |
| contextAlign | 水印对齐 |
| contextBaseline | 基线 |