1.0.2 • Published 5 years ago

jdf2e-watermark v1.0.2

Weekly downloads
2
License
ISC
Repository
github
Last release
5 years ago

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