利用HTML5d的Canvas绘制签名区域，保存为图片

简要教程

jq-signature是一款基于HTML5 canvas的支持移动触摸设备的在线签名和涂鸦jQuery插件。可以使用该jQuery插件来制作在线签名或涂鸦板，用户绘制的东西可以用图片的形式保存下来，非常方便实用。

关于使用HTML5 canvas制作涂鸦板的方法，可以参考《使用html5 canvas制作涂鸦画板》，如何将绘制号的涂鸦图片上传到服务器可以参考《HTML5 canvas画图及图片上传服务器》。

使用方法

使用该签名插件要引入jQuery和jq-signature.js文件。

< script src = "jquery/1.11.0/jquery.min.js" ></ script > < script src = "jq-signature.js" ></ script >

HTML结构

然后可以像下面这样创建一个签名区域。你可以使用HTML5的data-option来传递一些参数。

< div class = "js-signature"       data-width = "600"       data-height = "200"       data-border = "1px solid #1ABC9C"