轻量级，易于使用的jQuery手写签名插件

演示  website 下载

介绍

一个轻量级，易于使用的jQuery在线手写签名插件，使您能够在HTML5 canvas元素上绘制平滑的线条和曲线。特别适合在您的Web应用程序上收集用户的电子签名。

兼容的浏览器

Chrome，IE10 +，FireFox，Opera，Safari

使用方法

1.将jQuery Drawpad插件的文件插入HTML文档。

<link rel="stylesheet" href="jquery-drawpad.css" />
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="jquery-drawpad.js"></script>

2. 创建一个容器来容纳绘图板。

<div id="target" class="drawpad-dashed"></div>

3.在此容器上调用该函数并完成。

$(function(){
  $("#target").drawpad();
});

4.确定默认颜色。默认值：“＃000”。

$("#target").drawpad({
  defaultColor: "#222"
});

5. 覆盖在绘图板上显示的调色板的默认颜色。

$("#target").drawpad({
  colors: [
    "#000000", //black
    "#2ecc71", //green
    "#3498db", //blue
    "#e74c3c", //red
    "#f1c40f", //yellow
    "#9b59b6", //purple
    "#e67e22", //orange
  ],
});

6.自定义橡皮擦工具的大小。默认值：10（px）。

$("#target").drawpad({
  eraserSize: 20
});