找回密码
 立即注册

QQ登录

只需一步,快速开始

Winny

超级版主

141

主题

261

帖子

1682

积分

超级版主

Rank: 8Rank: 8

积分
1682
Winny
超级版主   /  发表于:2023-8-9 17:59  /   查看:1773  /  回复:0
需求背景:
在一些表格应用中,需要在不特定审批环节给表格添加手写签名。例如在预算审批、薪资调整等一些场景下,用户的Excel中都会存在对应的领导签字审核的单元格。当然在spreadjs中,可以直接在单元格中输入文字,但更多的客户希望能够让领导使用手写签名的方式,优化产品体验。
实现方式:
spreadjs提供添加图片的功能,支持将图片固定在单元格中。目前市面上存在很多手写签名的插件,例如基于js实现的jSignature,vue平台下的vue-esign组件。这类组件都可以直接弹出签名面板,在签名完成之后导出一张图片,大部分都支持导出base64格式的图片。拿到签名生成的图片之后,可以调用spreadjs插入图片的API将签名图片插入到当前激活的单元格当中。
关于spreadjs中添加图片的介绍可以参考学习指南相关链接

实现代码:
本文提供的代码采用的是原生js,因此使用的是jSignature,jSignature是基于jquery来实现的,因此在项目中要求也要引入jquery。
详细的代码示例点击这里跳转查看。



0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部