mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 13:09:40 +08:00
Code Issues Actions 50 Packages Projects Releases Wiki Activity
947f86f178
ant-design/components/watermark/index.en-US.md
MadCcc 40e77c40d3
docs: overview dark cover (#40666) 
* docs: add dark overview

* docs: show dark cover in dark theme

* docs: update cover
2023-02-09 22:17:31 +08:00

2.1 KiB
Raw Blame History

category group title cover coverDark demo
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
cols
1

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.

Examples

Basic Multi-line watermark Image watermark Custom configuration

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