--- category: Components type: Other title: Watermark cover: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*wr1ISY50SyYAAAAAAAAAAAAADrJ8AQ/original coverDark: https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*duAQQbjHlHQAAAAAAAAAAAAADrJ8AQ/original --- Add specific text or patterns to the page. ## When To Use - Use when the page needs to be watermarked to identify the copyright. - Suitable for preventing information theft. ## API ### Watermark | Property | Description | Type | Default | Version | | --- | --- | --- | --- | --- | | width | The width of the watermark, the default value of `content` is its own width | number | 120 | | | height | The height of the watermark, the default value of `content` is its own height | number | 64 | | | rotate | When the watermark is drawn, the rotation Angle, unit `°` | number | -22 | | | zIndex | The z-index of the appended watermark element | number | 9 | | | image | Image source, it is recommended to export 2x or 3x image, high priority | string | - | | | content | Watermark text content | string \| string[] | - | | | font | Text style | [Font](#font) | [Font](#font) | | | gap | The spacing between watermarks | \[number, number\] | \[100, 100\] | | | offset | The offset of the watermark from the upper left corner of the container. The default is `gap/2` | \[number, number\] | \[gap\[0\]/2, gap\[1\]/2\] | | ### Font | Property | Description | Type | Default | Version | | --- | --- | --- | --- | --- | | color | font color | string | rgba(0,0,0,.15) | | | fontSize | font size | number | 16 | | | fontWeight | font weight | `normal` \| `light` \| `weight` \| number | normal | | | fontFamily | font family | string | sans-serif | | | fontStyle | font style | `none` \| `normal` \| `italic` \| `oblique` | normal | |