如何用JS开发移动端在线签署协议的功能？

本文共计3474个文字，预计阅读时间需要14分钟。

在一个风和日丽的午后，准备下班时，突然接到要求做一个在线签名协议功能。心想，不就是百度的在线签名复制吗？因为没使用过canvas，所以觉得初生牛犊不怕虎。谁知道做起来才发现……

在一个风和日丽的下午，刚准备下班，突然接到需求说要做一个在线签协议功能，当时心里想着不就百度一顿拷贝就完事了吗(因为我没用过canvas，所谓初生牛犊不怕虎 )，谁知做起来如此吃力，下面就来记录下历程。

协议模板

分析

如上图，需要做的就是做一个签字板可以在上面写字，写完后点击完成可以生成如上图的图片所示，把签好的字放到指定的位置。

做这个第一反应肯定就是使用canvas绘制路径

我的思路是:

一个字一个字写，每写一个字点一下记录，最后拼接，但想到用户体验问题就pass了这个思路。