安装

1npm install gao-watermark --save-dev

使用

vue3使用

1<!-- 单文件使用 -->
2import { GaoWatermark, IMarkConfig } from 'gao-watermark'
3<GaoWatermark color='red' text="测试水印"/>
4
5<!-- ================================================================== -->
6
7<!-- 全局注册 -->
8import waterMark, {type IMarkConfig} from 'gao-watermark'
9let app = createApp(App)
10app.use(waterMark, {
11  fontSize: 14,
12  color: '#ccc',
13  text: 'watermark',
14  gap: 50,
15  zIndex: 1000,
16  rotate: 45
17}as IMarkConfig)
18<!-- 使用 -->
19<GaoWatermark></GaoWatermark>
20

vue2使用

目前不支持vue2版本

参数配置

属性	类型	默认值	描述
fontSize	number	14	字体大小
color	string	#ccc	字体颜色
text	string	watermark	水印内容文字
gap	number	50	间距
zIndex	number	9999	层级
rotate	number	45	旋转角度