js手写输入插件 (js怎么做手写签名)

1. 使用方法

jSignature是一个jQuery插件，它简化了创建签名捕获场的浏览器窗口，允许用户使用鼠标，笔，或手指画一个签名。jSignature捕捉签名矢量轮廓的笔触。虽然jSignature可以导出大位图（PNG）也一样，提取签名的高度可扩展的行程运动坐标（又名向量图）允许签名呈现更大的灵活性。支持主要的台式机，平板电脑和手机浏览器的支持。HTML5 Canvas元素默认情况下使用。我们依傍基于Flash的Canvas元素模拟器（FlashCanvas）时，不支持浏览器的实际画布（ie8 以下）。

<div id="signature"></div>
<script src="libs/jSignature.min.js"></script>
<script>
 $(document).ready(function() {
 $("#signature").jSignature()
 })
</script>

2.参数介绍

width: ’100%’, //宽
height: ’500px’,//高
cssclass: ’classname’,//自定义样式
"decor-color": "transparent", //去除横线
lineWidth: ’2’，//画笔粗细
$("#signature").jSignature({width:’100%’});

3.方法

$("#signature").jSignature("reset");//清空画布
var datapair = $("#signature").jSignature("getData", "image");
console.log("data:" + datapair[0] + "," + datapair[1]);//输出base64
$(’#signature’).jSignature(’getData’, ’native’).length //判断是否签名