jSignature是一个jQuery插件,它简化了创建签名捕获场的浏览器窗口,允许用户使用鼠标,笔,或手指画一个签名。jSignature捕捉签名矢量轮廓的笔触。虽然jSignature可以导出大位图(PNG)也一样,提取签名的高度可扩展的行程运动坐标(又名向量图)允许签名呈现更大的灵活性。支持主要的台式机,平板电脑和手机浏览器的支持。HTML5 Canvas元素默认情况下使用。我们依傍基于Flash的Canvas元素模拟器(FlashCanvas)时,不支持浏览器的实际画布(ie8 以下)。
<!--[if lt IE 9]> <script type="text/javascript" src="libs/flashcanvas.js"></script><![endif]--> <div id="signature"></div> <script src="libs/jSignature.min.js"></script> <script> $(document).ready(function() { $("#signature").jSignature() }) </script>
init:初始化
reset:复位/重置
getData:获取数据
setData:设置 数据
listPlugins:导入导出列表
var $sigdiv = $("#signature") $sigdiv.jSignature() //// inits的jSignature部件。 //一些涂鸦后...... $sigdiv.jSignature("reset") //清除画布并重新渲染的装饰就可以了 // 获取签名的SVG和呈现在浏览器中的SVG. //此导出插件返回数组[MIMETYPE,签名的SVG的base64编码字符串划] var datapair = $sigdiv.jSignature("getData", "svgbase64") var i = new Image() i.src = "data:" + datapair[0] + "," + datapair[1] $(i).appendTo($("#someelement") // 添加图像(SVG),到 DOM // 获取签名的“base30”数据对 datapair = $sigdiv.jSignature("getData","base30") //重新导入数据到jSignature。 $sigdiv.jSignature("setData", "data:" + datapair.join(","))