签名插件jSignature的简单使用(可用于平板)
2016-12-22 10:24
459 查看
先去网上下载插件jSignature-master.zip 地址:http://download.csdn.net/detail/u012027874/9718200
这个jQuery插件简化了创建数据签名的过程,允许用户使用鼠标,手写板,手指来绘制签名,使用该插件能生成png、svg等格式的图片,通过生成的图片保存在服务器上作为签名要使用这个插件,首先要导入相关的js文件
![](http://note.youdao.com/yws/res/272/06F72F81D305496F9B2BDBAACA3D3FBD)
然后在jsp中引入其中的核心js文件
![](http://note.youdao.com/yws/res/275/A7E8C549002A4236B9D01AAD3201619F)
这里要注意对IE浏览器来说,IE9及IE9以下版本可识别,在jsp中主体写上
![](http://note.youdao.com/yws/res/276/9533DCFC2B95420FA792E4DCAC835502)
访问该jsp首先要加载插件
![](http://note.youdao.com/yws/res/279/044CB6660ED4430A8809D22385B10FD4)
然后重要的几个事件有保存和清空
清空事件:
![](http://note.youdao.com/yws/res/278/2AB8EC09D3F542A99AC84D52CB768DAD)
保存事件:保存涉及到保存哪种格式,该插件支持很多种格式:
![](http://note.youdao.com/yws/res/273/F1DED0AC9DBB4392B55B4E09C3BD1F7C)
一般我们保存为image格式或者svg格式,这里的image格式是Base64编码的png格式,因此我们需要将这个转换成png格式进行保存,首先我们要把这个编码作为字符串传递
![](http://note.youdao.com/yws/res/277/5E1792A7F7EF40E0BB12466C8AA0C1E0)
上行代码的后一个参数即表示获取到的是image格式的签名,传递的值为datepair[1],将该值传入到将Base64编码生成图片并保存到磁盘路径的方法中,该方法主要部分:
![](http://note.youdao.com/yws/res/274/6CB5097B0AE448DE8DF2DE0BD3707627)
到这里,一个签名就作为图片保存在磁盘上了
这个jQuery插件简化了创建数据签名的过程,允许用户使用鼠标,手写板,手指来绘制签名,使用该插件能生成png、svg等格式的图片,通过生成的图片保存在服务器上作为签名要使用这个插件,首先要导入相关的js文件
然后在jsp中引入其中的核心js文件
这里要注意对IE浏览器来说,IE9及IE9以下版本可识别,在jsp中主体写上
访问该jsp首先要加载插件
然后重要的几个事件有保存和清空
清空事件:
保存事件:保存涉及到保存哪种格式,该插件支持很多种格式:
一般我们保存为image格式或者svg格式,这里的image格式是Base64编码的png格式,因此我们需要将这个转换成png格式进行保存,首先我们要把这个编码作为字符串传递
上行代码的后一个参数即表示获取到的是image格式的签名,传递的值为datepair[1],将该值传入到将Base64编码生成图片并保存到磁盘路径的方法中,该方法主要部分:
到这里,一个签名就作为图片保存在磁盘上了
相关文章推荐
- JS签名插件JSignature使用
- 手写签名插件—jSignature使用心得
- 用于生成交叉表的存储过程的存储过程 :_)使用起来超简单
- 学习NUnit测试2(简单的Nunit使用,用于了解Nunit)
- jQuery 兼容ie6的固定定位插件,使用简单
- 时时刷新 jQuery Timers插件 提供定时执行的功能,使用非常简单
- [使用心得]maven2之m2eclipse使用手册之六使用Maven2插件创建一个简单的SSH2项目之glassfish篇(二)
- [使用心得]maven2之m2eclipse使用手册之六使用Maven2插件创建一个简单的SSH2项目之jetty篇(三)
- 今天又学会了一种使用插件的新方法,并且学着作了个简单的插件。
- jQuery文字高亮插件,使用简单,功能强大,支持FF/IE等主流浏览器
- jQuery文字高亮插件,使用简单,功能强大,支持FF/IE等主流浏览器
- [使用心得]maven2之m2eclipse使用手册之六使用Maven2插件创建一个简单的SSH2项目之glassfish篇(一)
- Eclipse中使用MSN插件的简单介绍
- Rails插件安装、使用(2)——FCKEditor的简单安装
- 【Java插件开发】JFreeChart简单使用
- jQuery 兼容ie6的固定定位插件,使用简单
- 学习NUnit测试1(简单的Nunit使用,用于了解Nunit)
- 今日插件的简单使用
- jQuery 图像裁剪插件Jcrop的简单使用