Watermark 水印

基本使用

tsx

import { Watermark } from "@lite-code/shared";

export default () => {
  return (
    <Watermark content="Watermark 水印">
      <div style={{ height: 400 }}></div>
    </Watermark>
  );
};

API

属性名	描述	类型	默认值	是否必需
zIndex	水印层级	ReactNode	9000	是
width	单个水印图片的宽度	boolean	200	否
fontSize	字体大小	number	16	否
content	水印文字内容	string	无	否
rotate	旋转角度	number	-20	否
color	文字颜色	number	rgba(0, 0, 0, 0.15)	否