SpreadJS添加手写签名

收藏

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

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

		自动登录	找回密码
密码			立即注册

SpreadJS添加手写签名

0 个回复