更新记录

1.0.0(2023-06-02) 下载此版本

1


平台兼容性

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

xSignature签名插件使用文档

欢迎使用并提出一些建议,遇到问题欢迎在评论区留下说明

此插件为Uniapp应用程序框架的一部分,旨在为开发者提供便利。它包含了可重复使用的Canvas签名组件,可用于开发需要用户签名的应用程序。使用此插件,您可以更轻松地实现用户签名功能,并将其集成到您的应用程序中。

安装

通过下载安装

使用

  1. 在需要使用地方引入xSignature签名插件
  2. 在template中使用组件

属性

属性名 类型 默认值 描述
dwidth Number/String 300 画布宽度
dheight Number/String 150 画布高度
canvasimg String designature 画布绘制的图片地址
type String false 是否拒绝绘制签名

事件

事件名 描述
clear 清空绘制内容
save 保存绘制的canvas图片(通过refs调用)返回的是一个promise

示例

<template>
  <x-signature ref="Signature" dwidth="1000" dheight="1000" canvasID="designature" type="false" :canvasimg="url" />
</template>

<script>
  export default {
            data() {
                return {
                    url:"https://img-cdn-aliyun.dcloud.net.cn/stream/plugin_screens/x-signature_0.png"
                };
    },
   methods: {
      // 获取图片内容
            getimage(){
                this.$refs.Signature.save()
            },
            //清除绘制内容
            clear(){
                this.$refs.Signature.clear()
            }
    }
  }
</script>

隐私、权限声明

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

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

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

许可协议

MIT协议

暂无用户评论。

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