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
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 | ||
| 2.0.1 | ^3.5.13 | ||
| 2.0.0 | ^3.5.13 | ||
| 1.0.0 | ^3.5.13 | ||
| 0.5.3 | ^3.3.11 | MIT | |
| 0.5.2 | ^3.3.11 | MIT | |
| 0.5.1 | ^3.3.11 | MIT | |
| 0.5.0 | ^3.3.11 | MIT | |
| 0.4.3 | ^3.3.11 | MIT | |
| 0.4.2 | ^3.3.11 | MIT | |
| 0.4.1 | ^3.3.11 | MIT | |
| 0.4.0 | ^3.3.11 | MIT | |
| 0.3.0 | ^3.3.11 | MIT | |
| 0.2.0 | ^3.3.11 | MIT | |
| 0.1.4 | ^3.3.11 | MIT | |
| 0.1.3 | ^3.3.11 | MIT | |
| 0.1.2 | ^3.3.11 | MIT | |
| 0.1.1 | ^3.3.11 | MIT | |
| 0.1.0 | ^3.3.11 | MIT | |
| 0.0.6 | ^3.3.11 | MIT | |
| 0.0.5 | ^3.3.11 | MIT | |
| 0.0.4 | ^3.3.11 | MIT | |
| 0.0.3 | ^3.3.11 | MIT | |
| 0.0.2 | ^3.3.11 | MIT | |
| 0.0.1 | ^3.3.11 | MIT |