龙空技术网

手写签名插件jSignature

51编程 30

前言:

此时朋友们对“jquery控件样式”大体比较关怀,朋友们都想要学习一些“jquery控件样式”的相关资讯。那么小编在网络上汇集了一些对于“jquery控件样式””的相关资讯,希望各位老铁们能喜欢,咱们快快来了解一下吧!

使用方法

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

标签: #jquery控件样式 #jquery签名 #js签名板