各位大佬好又来记笔记了~

 今天要做的是签字板，实现客户签名功能，直接看效果：

逐个进行签字，可以避免连笔导致识别不清问题。就是想要客户一个一个写，认真写~~。

下面方框显示的“王某才” 其实是三张图片，在最后点击“保存”的时候还需要把上面的多种图片进行拼接成一张图片。

拓展：

 还可以把本demo改成一个全屏或者大区域的签字板，可以一次签署多个字，只要把布局放大就可以了。注意一下下面这个函数：

viewSignature.save(filePath, false, 10);

第一个参数：保存的图片地址

第二个参数：是否裁剪白边。如果是单个字签署的话（如本文效果图的），这里要传false，不需要裁剪，原因是裁剪后图片大小会不一致导致拼接图片时会出现黑块。如果是整块的签字版（同时签署多个字的），就要传true，这样就可以得到只有名字部分的图片，减少图片大小。

第三个参数：空白区域留空距离，就是每张图片留白边的距离，单位px

本文地址，详见Demo