https://github.com/jdf2e/watermark

水印
https://github.com/jdf2e/watermark

Last synced: about 1 year ago
JSON representation

水印

• Host: GitHub
• URL: https://github.com/jdf2e/watermark
• Owner: jdf2e
• License: mit
• Created: 2019-08-21T08:13:22.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2019-08-22T08:23:20.000Z (almost 7 years ago)
• Last Synced: 2025-04-08T21:37:31.856Z (about 1 year ago)
• Language: JavaScript
• Size: 3.91 KB
• Stars: 2
• Watchers: 7
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# 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。

```

```

  

## 参数

  

  参数说明:

  

  | 参数名称      | 说明  

  |  ---------- | ----------

  | watermarkId         |  水印id

  | canvasWidth         |  每个水印的区域宽

  | canvasHeight        |  每个水印的区域高

  | message             |  显示具体水印内容

  | contextFont         |  水印像素和字体

  | contextColor        |  水印颜色和透明度

  | contextAlign        |  水印对齐

  | contextBaseline     |  基线