Custom Configs
Basic
| Width | Height | ||
| Rotate | |||
Content
| Content Type | text | ||
| Content | |||
| Translate Placement | middle | ||
| Translate X | Translate Y | ||
| Background Position | Background Repeat | repeat | |
| Parent | Z-Index | ||
| Rich Text Width | Rich Text Height | |
| Image | |||
| Image Width | Image Height | ||
| Global Alpha | Mode | default |
| Text Type | fill | Line Height |
| Font Size | Font Family | |
| Font Style | Font Variant | |
| Font Color | Font Weight | |
| Text Align | please select text align | Text Baseline | please select text baseline |
| Filter | please input filter | TextRowMaxWidth |
| Letter Spacing | Word Spacing | |
| Shadow Blur | Shadow Color | |
| Shadow OffsetX | Shadow OffsetY | |
| Type | linear | ||
| Linear X0 | Linear Y0 | ||
| Linear X1 | Linear Y1 | ||
| Mutation Observe | Open | Monitor Protection | Yes |
| Auxiliary Line | No | Movable | No |
js
import { Watermark } from 'watermark-js-plus' // import watermark plugin
const watermark = new Watermark({
"width": 300,
"height": 300,
"rotate": 45
})
watermark.create() // add watermark
watermark.destroy() // remove watermark