w-vue3-watermark 1.0.6 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +52 -0
- package/package.json +6 -3
package/README.md
ADDED
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
## 安装
|
|
2
|
+
|
|
3
|
+
```bash
|
|
4
|
+
# npm 安装
|
|
5
|
+
npm install w-vue3-watermark
|
|
6
|
+
|
|
7
|
+
# yarn 安装
|
|
8
|
+
yarn add w-vue3-watermark
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## 使用
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
# 引入组件
|
|
15
|
+
import { createApp } from 'vue'
|
|
16
|
+
import watermark from 'w-vue3-watermark'
|
|
17
|
+
|
|
18
|
+
# 注册组件
|
|
19
|
+
createApp(App).use(watermark).mount('xxxx')
|
|
20
|
+
|
|
21
|
+
# 组件使用
|
|
22
|
+
<watermark
|
|
23
|
+
:waterName="水印内容"
|
|
24
|
+
:waterFontSize="水印字体大小"
|
|
25
|
+
:waterFontWeight="水印字体粗细"
|
|
26
|
+
:waterGap="水印重复的间隔"
|
|
27
|
+
:waterRotate="水印倾斜角度"
|
|
28
|
+
:waterFontFamily="水印字体"
|
|
29
|
+
:waterFontColor="水印字体颜色"
|
|
30
|
+
:shadowColor="水印阴影颜色"
|
|
31
|
+
:shadowOffsetX="阴影水平偏移"
|
|
32
|
+
:shadowOffsetY="阴影垂直偏移"
|
|
33
|
+
:shadowBlur="阴影模糊半径"
|
|
34
|
+
/>
|
|
35
|
+
|
|
36
|
+
# 参数默认值
|
|
37
|
+
> 参数默认值说明
|
|
38
|
+
|
|
39
|
+
| 字段 | 解释 | 默认值 | 类型 |
|
|
40
|
+
| -------- | ------------------------------------ | ---- | ---- |
|
|
41
|
+
| waterName | 水印内容 | - | [string, array] |
|
|
42
|
+
| waterFontSize | 水印字体大小 | 20 | number |
|
|
43
|
+
| waterFontWeight | 水印字体粗细 | 700 | number |
|
|
44
|
+
| waterGap | 水印重复的间隔 | 20 | number |
|
|
45
|
+
| waterRotate | 水印倾斜角度 | 30 | number |
|
|
46
|
+
| waterFontFamily | 水印字体 | Microsoft Yahei | string |
|
|
47
|
+
| waterFontColor | 水印字体颜色 | rgba(255, 255, 255, 1) | string |
|
|
48
|
+
| shadowColor | 水印阴影颜色 | rgba(61, 61, 61, 0.25) | string |
|
|
49
|
+
| shadowOffsetX | 阴影水平偏移 | 1.5 | number |
|
|
50
|
+
| shadowOffsetY | 阴影垂直偏移 | 1.5 | number |
|
|
51
|
+
| shadowBlur | 阴影模糊半径 | 0 | number |
|
|
52
|
+
```
|
package/package.json
CHANGED
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "w-vue3-watermark",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"description": "",
|
|
3
|
+
"version": "1.0.7",
|
|
4
|
+
"description": "vue3 水印组件",
|
|
5
5
|
"main": "watermark.common.js",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"test": "echo \"Error: no test specified\" && exit 1"
|
|
8
8
|
},
|
|
9
|
-
"keywords": [
|
|
9
|
+
"keywords": [
|
|
10
|
+
"vue3",
|
|
11
|
+
"watermark"
|
|
12
|
+
],
|
|
10
13
|
"author": "",
|
|
11
14
|
"license": "ISC",
|
|
12
15
|
"type": "commonjs"
|