龙空技术网

手写签名插件jSignature

51编程 269

前言:

现在我们对“js电子签名”大体比较关怀,兄弟们都想要剖析一些“js电子签名”的相关文章。那么小编也在网摘上搜集了一些有关“js电子签名””的相关文章,希望看官们能喜欢,我们一起来了解一下吧!

使用方法

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 //判断是否签名

标签: #js电子签名