要做一个手写签名功能轻松几步实现，保存成图片提交，网上招商到这个js库jq-signature，分享一下。

以下内容来自插件官方

插件介绍

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

兼容浏览 Chrome Firefox Opera Safari IE10+

简要教程

jq-signature是一款基于HTML5 canvas的支持移动触摸设备的在线签名和涂鸦jQuery插件。可以使用该jQuery插件来制作在线签名或涂鸦板，用户绘制的东西可以用图片的形式保存下来，非常方便实用。关于使用HTML5 canvas制作涂鸦板的方法，可以参考《使用html5 canvas制作涂鸦画板》，如何将绘制号的涂鸦图片上传到服务器可以参考《HTML5 canvas画图及图片上传服务器》。

使用方法

HTML结构

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

你可以创建两个操作按钮，分别用于清空画板和保存签名。

你可以使用一个空的<div>来显示保存的签名图片。

初始化插件

在页面加载完毕之后使用下面的方法来初始化该签名插件。

配置参数

下面是该签名插件的一些可用参数，这些参数同时也可以在data-attributes上使用：

原文：

http://www.htmleaf.com/html5/html5-canvas/201505281921.html