46 lines
1.6 KiB
TypeScript
46 lines
1.6 KiB
TypeScript
import React from 'react';
|
||
export type WaterMarkProps = {
|
||
/** 类名 */
|
||
className?: string;
|
||
/** 样式 */
|
||
style?: React.CSSProperties;
|
||
/** 水印样式 */
|
||
markStyle?: React.CSSProperties;
|
||
/** 水印类名 */
|
||
markClassName?: string;
|
||
/** 水印之间的水平间距 */
|
||
gapX?: number;
|
||
/** 水印之间的垂直间距 */
|
||
gapY?: number;
|
||
/** 追加的水印元素的z-index */
|
||
zIndex?: number;
|
||
/** 水印的宽度 */
|
||
width?: number;
|
||
/** 水印的高度 */
|
||
height?: number;
|
||
/** 水印在canvas 画布上绘制的垂直偏移量，正常情况下，水印绘制在中间位置, 即 offsetTop = gapY / 2 */
|
||
offsetTop?: number;
|
||
/** 水印在canvas 画布上绘制的水平偏移量, 正常情况下，水印绘制在中间位置, 即 offsetTop = gapX / 2 */
|
||
offsetLeft?: number;
|
||
/** 水印绘制时，旋转的角度，单位 ° */
|
||
rotate?: number;
|
||
/** ClassName 前缀 */
|
||
prefixCls?: string;
|
||
/** 高清印图片源, 为了高清屏幕显示，建议使用 2倍或3倍图，优先使用图片渲染水印。 */
|
||
image?: string;
|
||
/** 水印文字内容 */
|
||
content?: string | string[];
|
||
/** 文字颜色 */
|
||
fontColor?: string;
|
||
/** 文字样式 */
|
||
fontStyle?: 'none' | 'normal' | 'italic' | 'oblique';
|
||
/** 文字族 */
|
||
fontFamily?: string;
|
||
/** 文字粗细 */
|
||
fontWeight?: 'normal' | 'light' | 'weight' | number;
|
||
/** 文字大小 */
|
||
fontSize?: number | string;
|
||
children?: React.ReactNode;
|
||
};
|
||
export declare const WaterMark: React.FC<WaterMarkProps>;
|