@wendyjs/watermarker/readme.md

This is a framework-agnostic package that provides a Watermark class for managing watermarks on HTML elements. It includes features such as automatic re-rendering when mutations occur, customizable watermark styles

# @wendyjs/watermarker  
## Install  
```
npm install @wendyjs/watermarker
```
## Usage  
```javascript
import {Watermarker} from '@wendyjs/watermarker'
Watermarker.create({content:['wendyjs','hello world']})
```
### Properties

- `zIndex?: number` - The z-index of the watermark.
- `rotate?: number` - The rotation angle of the watermark in degrees.
- `width?: number` - The width of the watermark.
- `height?: number` - The height of the watermark.
- `image?: string` - The image for the watermark.
- `content?: string | string[]` - The content of the watermark. It can be a string or an array of strings.
- `font?: object` - The font style for the watermark. It's an object with the following properties:
    - `color?: CanvasFillStrokeStyles['fillStyle']` - The color of the font.
    - `fontSize?: number | string` - The size of the font.
    - `fontWeight?: 'normal' | 'light' | 'weight' | number` - The weight of the font.
    - `fontStyle?: 'none' | 'normal' | 'italic' | 'oblique'` - The style of the font.
    - `fontFamily?: string` - The family of the font.
    - `textAlign?: CanvasTextAlign` - The alignment of the text.
- `gap?: [number, number]` - The gap between watermarks in pixels.
- `offset?: [number, number]` - The offset of the watermark in pixels.
- `inherit?: boolean` - A flag indicating whether the watermark should inherit the styles from the parent element.