JS实现移动端在线签协议功能

在一个风和日丽的下午,刚准备下班,突然接到需求说要做一个在线签协议功能,当时心里想着不就百度一顿拷贝就完事了吗(因为我没用过canvas,所谓初生牛犊不怕虎 ),谁知做起来如此吃力,下面就来记录下历程。 协议模板 分析 如上图,需要做的就是做一个签字板可以在上面写字,写完后点击完成可以生成如上图的图片所示,把签好的字放到指定的位置。 做这个第一反应肯定就是使用canvas绘制路径 我的思路是: 一个字一个字写,每写一个字点一下记录,最后拼接,但想到用户体验问题就pass了这个思路。 最后的思路:一行可以写很多个字,可以让用户滑动canvas,一直写下去(因为协议模板最后还要抄写一段话)