UNPKG

1.6 kBTypeScriptView Raw
1import React from 'react';
2export type WaterMarkProps = {
3 /** 类名 */
4 className?: string;
5 /** 样式 */
6 style?: React.CSSProperties;
7 /** 水印样式 */
8 markStyle?: React.CSSProperties;
9 /** 水印类名 */
10 markClassName?: string;
11 /** 水印之间的水平间距 */
12 gapX?: number;
13 /** 水印之间的垂直间距 */
14 gapY?: number;
15 /** 追加的水印元素的z-index */
16 zIndex?: number;
17 /** 水印的宽度 */
18 width?: number;
19 /** 水印的高度 */
20 height?: number;
21 /** 水印在canvas 画布上绘制的垂直偏移量,正常情况下,水印绘制在中间位置, 即 offsetTop = gapY / 2 */
22 offsetTop?: number;
23 /** 水印在canvas 画布上绘制的水平偏移量, 正常情况下,水印绘制在中间位置, 即 offsetTop = gapX / 2 */
24 offsetLeft?: number;
25 /** 水印绘制时,旋转的角度,单位 ° */
26 rotate?: number;
27 /** ClassName 前缀 */
28 prefixCls?: string;
29 /** 高清印图片源, 为了高清屏幕显示,建议使用 2倍或3倍图,优先使用图片渲染水印。 */
30 image?: string;
31 /** 水印文字内容 */
32 content?: string | string[];
33 /** 文字颜色 */
34 fontColor?: string;
35 /** 文字样式 */
36 fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
37 /** 文字族 */
38 fontFamily?: string;
39 /** 文字粗细 */
40 fontWeight?: 'normal' | 'light' | 'weight' | number;
41 /** 文字大小 */
42 fontSize?: number | string;
43 children?: React.ReactNode;
44};
45export declare const WaterMark: React.FC<WaterMarkProps>;