test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-02 03:59:01 +08:00
Code Issues Actions 84 Packages Projects Releases Wiki Activity
6f83c63d74
ant-design/components/watermark/index.en-US.md
JarvisArt 6f83c63d74
feat: New Component Watermark (#39064) 
* feat: New Component Watermark

* docs: add watermark docs

* docs: add watermark demo

* test: add watermark test

* test: add watermark snapshot

* chore: add jest-canvas-mock

* feat: Watermark calculates the width and height of content by default

* docs: update docs

* docs: update demo

* test: update snapshot

* docs: update docs

* chore: update bundlesize

* chore: Optimize code logic

* chore: update size-limit

* test: update watermark snapshot
2022-12-08 18:06:36 +08:00

2.0 KiB
Raw Blame History

category group title cover demo
Components Other Watermark https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*wr1ISY50SyYAAAAAAAAAAAAADrJ8AQ/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] [200, 200]
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

参数 说明 类型 默认值 版本
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