/watermark

水印

Primary LanguageJavaScriptMIT LicenseMIT

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