来源：https://www.sucai8.cn/29921.html

jQuery手写插件jsignature插件特效带提取签名数据转换多重数...

2082
0
0

可以提取签名数据的jQuery素材。
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>

复制代码

API
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(","))

复制代码

作品标签

jsignature 签名数据 sigdiv datapair 插件

jQuery手写插件jsignature插件特效带提取签名数据转换多重数...

相关素材

作品标签

相关标签