gao-watermark

9,429 1
Install
npm install gao-watermark
Latest Version:2.0.7
Vue:3
Last Updated:Jun 12, 2025
Links: GitHub  ·  npm
Maintainer: gaojundong

安装

npm install gao-watermark --save-dev

使用

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

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

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

vue2使用

目前不支持vue2版本

参数配置

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

Related Packages

vue-watermark-v2

简单、便捷、高效的 vue 水印设置组件

609
@yuwenlin/vue-watermark-plus

Vue2 / Vue3 通用水印指令,支持多行文本、高清适配、防误删、自适应重排、全页水印、...

197
vue-watermark-plus

基于 Vue2/Vue3 强力水印插件✨,支持Canvas/SVG双渲染模式🎨,内置防篡改机制📝,采...

6,727 22

Version History

Version Released Vue License
2.0.7 ^3.5.13
2.0.5 ^3.5.13
2.0.4 ^3.5.13
2.0.3 ^3.5.13
2.0.2 ^3.5.13