jSignature手写签名插件

最新推荐文章于 2024-07-05 13:51:05 发布

奋斗的怪怪程序猿

最新推荐文章于 2024-07-05 13:51:05 发布

阅读量2.3k

点赞数

分类专栏：技术积累文章标签： javascript jSignature jquery

本文链接：https://blog.csdn.net/lg12lp12/article/details/78455567

版权

技术积累专栏收录该内容

37 篇文章 0 订阅

订阅专栏

  <script src="js/plugins/jSignature/flashcanvas.min.js"></script> 
 
 <script src="js/plugins/jSignature/jSignature.min.noconflict.js"></script> 
  
 <div id= 
 "signature" 
 ></div> 
 
 <script> 
 
 //初始化手写板 

  $(function() { 
  
 $( 
 "#signature" 
 ).jSignature() 
 
 }) 
 
 //获取手写板上的数据 
 
 $("#bjb_signature").jSignature('getData','svgbase64');
  
 </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( 
         "," 
         ))