更新记录

0.1.7(2023-05-05)

1、修改代码示例

0.1.6(2023-05-05)

1、示例工程及问题修复

0.1.5(2023-05-05)

1、修改示例工程

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue app-nvue ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

th-autograph 签名画板🚀

API

属性(Props)

属性名 类型 默认值 说明
canvasId String th-时间戳 canvasId
actionBar Array ['pencli','color','back','clear'] 操作按钮配置:pencli(线条) color(颜色) back(返回) clear(清空)
isDownload Boolean true 是否下载签名
horizontalScreen Boolean false 是否横屏
fileName String 签名 下载签名文件名称
delineColor String #000 线颜色
delineWidth Number 4 线宽度

事件(Events)

事件名称 返回值 说明
submit base64地址 非下载签名返回base64地址
dowmloadErr String 下载签名失败回调

快速使用

基础示例,具体说明参考上面API
<template>
    <view class="box">
        <th-autograph 
        :is-download="false" 
        @submit="getFile" 
        canvas-id="autograph">
        </th-autograph>
    </view>
</template>

<script>
    import thAutograph from "../../uni_modules/th-autograph/components/th-autograph/th-autograph.vue"
    export default {
        components:{
            thAutograph
        },
        methods:{
            getFile(path){
                console.log(path)
            }
        }
    }
</script>

<style>
    page{
        width: 100%;
        height: 100%;
    }
    .box{
        width: 100%;
        height: 100%;
    }
</style>
如有问题或建议,欢迎留言或加群联系沟通哟(QQ群号:793036961)

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问