vuecssuiant-designantdreactantantd-vueenterprisefrontendui-designvue-antdvue-antd-uivue3vuecomponent
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.8 KiB
1.8 KiB
| category | type | title | cover | coverDark | tag |
|---|---|---|---|---|---|
| Components | Other | Watermark | https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*wr1ISY50SyYAAAAAAAAAAAAADrJ8AQ/original | https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*duAQQbjHlHQAAAAAAAAAAAAADrJ8AQ/original | New |
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 | |
| 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 |