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	基线