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"
|