更新记录

1.0.1（2024-12-11） 下载此版本

增加横屏签名旋转功能

1.0.0（2023-05-05） 下载此版本

1.0.0

平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
√ - √ √ - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
√ - - - - - - - - - -

其他

多语言 暗黑模式 宽屏模式
× × √

csr-sign

基本用法

在 template 中使用组件

复制代码<!-- 基础用法 -->
<view class="sign">
    <csr-sign @finish="finish" orientation="portrait"></csr-sign>
</view>

属性

参数 描述 类型 默认值
orientation 签字板方向。abeam ==> 横向 portrait ==> 纵向 默认纵向 string portrait
width 签字板宽度。单位PX，宽度定义：恒为正向手机宽度。当宽度大于最大宽度时，设置属性不生效，为屏幕最大宽度.。不传默认为最大宽度 number 0
height 签字板高度。单位PX，高度定义：恒为正向手机高度。当高度大于最大高度时，设置属性不生效，为屏幕最大高度.。不传默认为最大高度 number 0
lineWidth 线条粗细 number 3
strokeStyle 线条颜色 string black

事件

方法 描述 类型
finish 完成返回画板内容（base64格式） function

隐私、权限声明

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

无

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

插件不采集任何数据

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

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉
143***@qq.com

2025-01-23

hen hao , xie xie

282***@qq.com

2024-11-06

为什么空白的时候也返回图片，我要怎么判断是否签名的

简信软件

2024-10-16

uniapp：微信小程序uni.canvasToTempFilePath()，报错：canvasToTempFilePath: fail canvas is empty

简信软件 2024-10-16

已解决：在微信小程序子组件中调用canvasToTempFilePath时，需要额外增加一个this uni.canvasToTempFilePath(object,this)

东坡小胖

2024-10-02

uniapp：微信小程序uni.canvasToTempFilePath()，报错：canvasToTempFilePath: fail canvas is empty

四季如春

2024-03-06

uniapp：微信小程序uni.canvasToTempFilePath()，报错：canvasToTempFilePath: fail canvas is empty

968***@qq.com

2024-02-25

点击完成签名在组件里面打印路径没反应，其他按钮没问题，怎么回事？

锅包肉123

2024-01-29

点击完成签名在组件里面打印路径没反应，其他按钮没问题，怎么回事？

121***@qq.com

2024-01-10

横屏签字，保存的是竖屏，展示出来也是竖屏，怎么办。

csr_hb 2024-01-11

你把图片旋转展示就可以了，要么你就橫着签字，这样就是横的

luckyBeer

2024-01-10

发现一个bug，有时候准备开始写点一下会出现一条直线，有时候写着写着会出现第一个字写完写第二个字的时候，第一个字的最后一笔会跟第二个字的开头相连。作者这个有修复吗

784***@qq.com

2023-12-18

uniapp：微信小程序uni.canvasToTempFilePath()，报错：canvasToTempFilePath: fail canvas is empty

加载更多...
插件问答 我要提问
非常好 没问题了 uniapp

2024-07-22

非常好 没问题了 人傻了
没有更多了。