watermark
fast, easy, Watermarking for the browser, by shadow dom.
import Watermark from '@1ncounter/watermark'
const watermark = Watermark.create()
watermark.mount()Installation
npm
npm install @1ncounter/watermarkyarn
yarn add @1ncounter/watermarkAn Quick Sample
import { create } from '@1ncounter/watermark'
const Watermark = create({
// options
text: 'watermark'
})
Watermark.mount(document.getElementById('app'))API
Watermark.load()
Watermark.unload()
Watermark.unMount()Options
| Option | Description | Type | Default |
|---|---|---|---|
| text | watermark content | string | watermark |
| img | watermark can use img instead of text | string | - |
| spacing | number、object | 0 | |
| width | number | 150 | |
| height | number | 50 | |
| fontSize | number | 24 | |
| color | string | #000000 | |
| fontFamily | string | Helvetica, "PingFang SC", "Microsoft YaHei", "微软雅黑" | |
| alpha | number | 0.15 | |
| angle | number | 30 | |
| force | Enable forced mode to prevent watermarks from being deleted to a certain extent | boolean | - |
| resize | watermarks can change after container resize | boolean | - |
| createMark | create mark method, must return HTMLElement | Function | - |
License
MIT