更新记录

1.1.0（2024-04-01）

1. 更好的兼容支付宝小程序

1.0.9（2024-03-20）

1. 修复小程序无法横屏的问题

1.0.8（2024-02-28）

1. 修复背景颜色修改无效的问题

平台兼容性

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，欢迎进群交流。