安装

npm install gao-watermark --save-dev

使用

vue3使用

<!-- 单文件使用 -->
import { GaoWatermark, IMarkConfig } from 'gao-watermark'
<GaoWatermark color='red' text="测试水印"/>

<!-- ================================================================== -->

<!-- 全局注册 -->
import waterMark, {type IMarkConfig} from 'gao-watermark'
let app = createApp(App)
app.use(waterMark, {
  fontSize: 14,
  color: '#ccc',
  text: 'watermark',
  gap: 50,
  zIndex: 1000,
  rotate: 45
}as IMarkConfig)
<!-- 使用 -->
<GaoWatermark></GaoWatermark>

vue2使用

目前不支持vue2版本

参数配置

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