手写签名插件—jSignature

野性酷女 2022-06-03 02:43 423阅读 0赞

jSignature 是一个通过捕捉笔画的矢量轮廓输出多种格式数据的jQuery插件，通过该插件我们可以实现绘画板、手写签名等功能。

使用该插件需要引入jQuery和jSignature.js，首先初始化jSignature：

var $signature = $("#signature").jSignature();

接下来即可使用插件提供的一些常见的操作：

（1）、重置画布

$signature.jSignature('reset')

（2）、获取数据并展示

//获取数据 
     var data = $signature.jSignature('getData', 'default')    
     //图片展示
     var img = new Image()
     img.src = data
     $(img).appendTo($('#signimg'))
     //将数据显示在文本框
     $('#text').val(data)

（3）、撤销上一步(引入jSignature.UndoButton.js)

//初始化时传入参数 {'UndoButton':true}
    $("#signature").jSignature({
       'UndoButton':true});

（4）、绘画板，例如设置笔触的颜色

//加入方法setColor
     'setColor' : function(color) {
        
         // 获取 context 对象
         var context2D = this.find('canvas.'+apinamespace)
                         .add(this.filter('canvas.'+apinamespace))
                         .data(apinamespace+'.this').canvasContext
         //设置阴影的颜色
         context2D.shadowColor = 'transparent' 
         //设置笔触颜色
         context2D.strokeStyle = color
         return 
     }

更多相关资料： [www.makeru.com.cn][]

[www.makeru.com.cn]: http://www.makeru.com.cn

发表评论取消回复

表情：

评论列表（有 0 条评论，423人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android中通过自定义签名控件实现手写签名

场景实现手写签名并获取签名照片 ![1e5b00084c2149eea476d4e527072ae9.gif][] 注：博客： [BADAO\_LIUMAN

小咪咪/ 2023年10月01日 15:34/ 0 赞/ 32 阅读

相关 canvas实现手写签名

使用canvas实现手写签名，效果如下 ![20200317094026163.gif][] PC端 // 实现canvas签名 var canv

﹏ヽ暗。殇╰゛Y/ 2023年07月15日 13:09/ 0 赞/ 47 阅读

相关手写jquery.cookie插件

/ 设置cookie @param name @param value @param config expires

不念不忘少年蓝@/ 2023年01月01日 06:59/ 0 赞/ 273 阅读

相关制作手写签名

<!DOCTYPE html> <!-- saved from url=(0056)http://hao2013.cn/canvas-special-maste

怼烎@/ 2022年12月10日 15:56/ 0 赞/ 219 阅读

相关 html 手写签名撤销,[转]H5 canvas手写签名

手写签名 html,body\{ margin: 0; padding: 0; \} .saveimg\{ text-align: center; \} .sa

痛定思痛。/ 2022年10月10日 06:29/ 0 赞/ 269 阅读

相关 vue3手写签名

代码贴到项目即可使用。 <template> <div style="width: 300px;height: 200px;border: 1px so

刺骨的言语ヽ痛彻心扉/ 2022年08月30日 15:50/ 0 赞/ 351 阅读

相关手写签名插件—jSignature

jSignature 是一个通过捕捉笔画的矢量轮廓输出多种格式数据的jQuery插件，通过该插件我们可以实现绘画板、手写签名等功能。使用该插件需要引入jQuery和jSig

野性酷女/ 2022年06月03日 02:43/ 0 赞/ 424 阅读

相关手写Mybatis分页插件

之前涉及到mybatis分页时，都是先查询一遍总和，再用Limit,导致了项目中有大量的冗余代码,非常的难看，网上不管是框架，还是人家提到的各种自以为是的解决办法，基本

落日映苍穹つ/ 2022年05月30日 09:16/ 0 赞/ 334 阅读

相关手写签名的实现

使用`UberSignature`实现手写签名功能。 [UberSignature][] 效果图 ![手写签名][70] 代码示例 [demo][] 使用说明

怼烎@/ 2022年05月17日 23:05/ 0 赞/ 326 阅读

相关 js 手写jquery插件

<html> <head> <title>手写jquery插件</title> <meta charset="utf-

以你之姓@/ 2021年08月28日 01:59/ 0 赞/ 608 阅读