```shell yarn install @jstito/water-mark
npm install @jstito/water-markshell
yarn install @jstito/water-mark
`
`tsx
import WaterMark from "@jstito/water-mark";
//内容
// 内容组件
`
$3
* content?: string; 水印文字内容 第一行用户名
* localStorageKey?: string[]; 水印文字内容 localStorage取值 优先级比content高
`
// 对应去的值是 localStorage 中 {userInfo: {key1: {key2: {key3: value} } } }
`
* mustAlert?: boolean; 默认值:false 强制打开 修改水印、删除水印节点的提示弹窗
* domains?: string[]; 过滤些不需要弹窗的域名
* className?: string; 类名
* style?: React.CSSProperties; 样式
* markStyle?: React.CSSProperties; 水印样式
* markClassName?: string; 水印类名
* gapX?: number; 水印之间的水平间距
* gapY?: number; 水印之间的垂直间距
* zIndex?: number; 默认值:9,追加的水印元素的z-index
* width?: number; 水印的宽度
* height?: number; 水印的高度
* rotate?: number; 水印绘制时,旋转的角度,单位
* prefixCls?: string; ClassName 前缀
* image?: string; 高清印图片源, 为了高清屏幕显示,建议使用 2倍或3倍图,优先使用图片渲染水印。
* fontColor?: string; 文字颜色 默认值:'rgba(0,0,0,.3)'
* fontStyle?: 'none' | 'normal' | 'italic' | 'oblique'; 文字样式
* fontFamily?: string; 文字族
* fontWeight?: 'normal' | 'light' | 'weight' | number; 文字粗细
* fontSize?: number | string; 文字大小 默认值:12
* children?: React.ReactNode;
$3
`
import { encrypto, decrypto } from "@jstito/water-mark";
``