96 lines
2.1 KiB
Markdown
96 lines
2.1 KiB
Markdown
# sp-sign-board
|
||
|
||
## prop参数
|
||
|
||
```
|
||
props: {
|
||
// 背景水印图，优先级大于 bgColor
|
||
bgImg: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
// 背景纯色底色，为空则透明
|
||
bgColor: {
|
||
type: String,
|
||
default: ''
|
||
},
|
||
// 是否显示水印
|
||
showMark: {
|
||
type: Boolean,
|
||
default: true
|
||
},
|
||
// 水印内容，可多行
|
||
markText: {
|
||
type: Array,
|
||
default: () => {
|
||
return [] // ['水印1', '水印2']
|
||
}
|
||
},
|
||
// 水印样式
|
||
markStyle: {
|
||
type: Object,
|
||
default: () => {
|
||
return {
|
||
fontSize: 12, // 水印字体大小
|
||
fontFamily: 'microsoft yahei', // 水印字体
|
||
color: '#cccccc', // 水印字体颜色
|
||
rotate: 60, // 水印旋转角度
|
||
step: 2.2 // 步长，部分场景下可通过调节该参数来调整水印间距，建议为1.4-2.6左右
|
||
}
|
||
}
|
||
},
|
||
// 是否横屏
|
||
horizontal: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
// 画笔样式
|
||
penStyle: {
|
||
type: Object,
|
||
default: () => {
|
||
return {
|
||
lineWidth: 3, // 画笔线宽 建议1~5
|
||
color: '#000000' // 画笔颜色
|
||
}
|
||
}
|
||
},
|
||
// 导出图片配置
|
||
expFile: {
|
||
type: Object,
|
||
default: () => {
|
||
return {
|
||
fileType: 'png', // png/jpg (png不可压缩质量，支持透明；jpg可压缩质量，不支持透明)
|
||
quality: 1 // 范围 0 - 1 (仅jpg支持)
|
||
}
|
||
}
|
||
}
|
||
}
|
||
```
|
||
|
||
## emit事件
|
||
|
||
```
|
||
@confirm 点击确认回调
|
||
@reset 点击重置回调
|
||
@cancle 点击取消回调
|
||
@firstTouchStart 首次触碰签字板回调
|
||
```
|
||
|
||
## uni.$emit事件
|
||
|
||
```
|
||
uni.$emit('getSignImg', { base64, path })
|
||
|
||
uni.$on('getSignImg', ({ base64, path }) => {
|
||
console.log('签名base64, path ====>', base64, path) //拿到的图片数据
|
||
// 之后取消监听，防止重复监听
|
||
uni.$off('getSignImg')
|
||
})
|
||
```
|
||
|
||
## 写在最后
|
||
若对插件有任何疑问或者优化建议，欢迎在评论区留言，在插件市场中的私信消息本人可能不经常留意，导致没能及时回复，
|
||
可以加入本人的插件问答QQ交流群: 852637893，欢迎进群交流。
|
||
|
||
<img width="200" src="https://mp-0ecede5c-a993-48bf-ba4b-45d9a8c7e79b.cdn.bspapp.com/resource/qqqun.jpg" alt="交流群:852637893"/>
|