移动端h5 web端html 电子签名、 html转成图片保存至后端

npm install --save qrcodejs2

import QRCode from 'qrcodejs2'

<div id="qrcode" ref="qrCodeUrl"></div>

npm install --save html2canvas

import html2canvas from 'html2canvas'

各大电子合同平台上的电子签名流程都大同小异。下面小编以我们的电子合同平台为例，电子签名流程如下：

电子签名流程第一步：实名认证

实名认证是对用户资料真实性进行的一种验证审核。我们分为个人实名认证和企业实名认证两种，其中个人实名认证采用刷脸验证的方式，方便快捷。

电子签名流程第二步：在线签署

实名认证完成后，我们就可以开始进行在线签署了。首先我们需上传一份需要签署的电子合同，然后填写签约截止日期、签约方等相关信息，即可生成合同详情页面，此时我们可添加自己的电子签名（默认签名或者手写签名）及签署日期，那么这份合同就完成了己方的签署。整个过程仅需几分钟就可完成。

电子签名流程第三步：发送合同

在第二步“在线签署”完成后，电子合同就会第一时间发送给对方签署，并精确记录发送时间。同时，对方也会收到相应的通知信息。

电子签名流程第四步：对方签署

对方收到通知后，只需登陆我们的电子合同平台，完成实名认证，查看合同内容无误后，即可进行电子签名，完成合同签署。通过平台提供的手机验证码签署、指纹签署、刷脸签署等方式，签约方可1分钟内完成合同签署。

电子签名流程第五步：合同存储

与纸质合同的保管不同，电子合同签署完成后直接保存在云端，无需打印出来保管在专门的储藏室中。并且，我们的电子合同平台金融级别的同城双活、异地容灾、多云备份的数据安全机制，能够更好的杜绝文件数据泄密，确保合同的真实性、有效性。

电子签名流程第六步：合同管理

电子合同签署完成后，签署双方都可在线进行查看合同详情。同时，对于企业合同管理而言，电子合同在线检索、查阅、分类、归档、下载等电子化 *** 作，极大的简化了企业合同管理流程，提高了合同管理效率。

由此可见，相比传统纸质签约流程而言，电子签名流程具有简洁、安全、高效等优势。不信我们就一起来看看纸质合同签名流程：合同起草-合同打印-手写签名盖章-合同寄送-对方签字盖章-合同寄回-合同保管-合同调阅。整整历经八个步骤，历时至少2-5天，一份纸质合同签署才正式宣告结束。

---