评论：jQuery手写签名插件jSignature   [查看原文]

怎么获取到签名的图片有效区域呢？大神

画布中的横线怎么去掉呢？找不到JS啊

r uì0
2018/1/30 19:12:07

我用的官方的，现在用您的吧！3Q大神

么么哒

前端小马哥0
2018/10/26 10:33:22
横行去掉没

怎么检查签名的复杂度，我鼠标在上面点了个点都可以，怎么判断签名是否有效

短腿0
2017/12/7 23:32:13

你好，我也遇到了你这个问题，你解决了吗

短腿0
2017/12/7 23:34:46

前台提取签名数据用的svg，后台用的batik转png

移动端没有效果呢？

jamsonJYH0
2018/7/20 11:37:58
请问你解决这个问题了吗？我也遇到了，Android上不能画，iOS上可以画

怎么改变签名的高度。。自动生成的canvas的高度

安静？0
2017/10/23 13:45:12

求解啊，我放手机上画布高度太小

安静？0
2017/10/23 14:26:25

解决了，希望api 参数配置能写完整

六瓣雪@爱0
2017/11/27 16:14:08

您好，请问怎么写的高度呢

短腿1
2017/12/7 23:36:21

手机端写百分比效果比较好，'height:'80%',width:'100%''

DongDavid1
2018/3/6 10:40:04

最终是在目标div中生成了一个canvas。
我是这样做的，强制目标div下的canvas高度为100%

!important;
	html,body {
	height:100 %;
	width:100 %;
}
.container {
	border:solid;
	width:100 %;
	height:80 %;
}
.container canvas {
	height:100 % !important;
}

<div id="can" class="container"></div>

$('#can').jsignature();

Insomnia0
2019/5/14 9:07:18
请问你是怎么解决这个问题的呀？我设置高度之后，签名落笔跟实际的有差距

引了js，为什么不能写字呢？

<script src="js/app/jSignature.min.js"></script>
<script src="js/app/jquery-1.10.2.min.js"></script>
<div id="mySignature_debacklist" style="text-align: right;padding-left: 20px;padding-right: 10px;border: 2px dotted black;background-color:lightgrey;"></div>
var $sigdiv = $("#mySignature_debacklist").jSignature();

哪写的有问题么？？？求大神帮忙

lqrole0
2017/10/17 16:36:50

<script>    
$(document).ready(function() {
    //能放到页面初始化加载后的事件里面么？代码放这里    
}) 
< /script>

嘟嘟宇0
2017/10/17 16:40:56

我写在了一个页面articleload里

$("#deviceTakeback").on("articleload","#de_back_list_article",function(){
  var $sigdiv = $("#mySignature_debacklist").jSignature();
})

想问，为什么我chrome的手机模式下，画不出来字迹呢？   求大神

lqrole0
2017/10/17 16:37:40

浏览器、手机下都可以的 你引用的方式不对吧！ 你就用案例试试

为啥每次移动端屏幕横屏竖屏切换都会加载一个全新的啊。

$("#signature").width($ {
    width
}).height($ {
    height
});
if (navigator.userAgent.match(/Android/i) || (navigator.userAgent.indexOf('iPhone') != -1) || (navigator.userAgent.indexOf('iPod') != -1) || (navigator.userAgent.indexOf('iPad') != -1)) {

    window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
        if (window.orientation === 180 || window.orientation === 0) {
            //$sigdiv.jSignature("reset"); 
            $sigdiv.jSignature({
                width: "100%",
                height: "100%"
            });
            $(".jSignatureBody").css("height", "50rem");
            alert("竖屏");
        }
        if (window.orientation === 90 || window.orientation === -90) {
            //$sigdiv.jSignature("reset"); 
            $sigdiv.jSignature({
                width: "100%",
                height: "65%"
            });
            $(".jSignatureBody").css("height", "35rem");
            $(".jSignature").css("margin-top", "5rem!important");
            $("center").css("background-size", "66rem 110%");
            alert("横屏");
        }
    }, true)
} else {
    $sigdiv.jSignature({
        width: "100%",
        height: "100%"
    });
}
/* $sigdiv.jSignature({width:"100%",height:"100%"}); */
var a = $sigdiv.jSignature("getData", "image").toString();

lqrole0
2017/10/17 16:38:53

横屏竖屏 都要初始化的哦！ 

为什么我的画布上有个横线？？

我们都一样95200
2017/8/25 14:09:08

怎么去掉？

lqrole0
2017/10/17 16:39:26

在他的JS里面可以去掉

短腿1
2017/12/7 23:37:30
'decor-color' 设置这个属性，让横线的颜色与背景色一致

请问一下，怎么判断没有签名就保存了啊？

射手座_峰0
2018/3/15 16:04:05
对的，怎么判断没有签名呢？

我想改变canvas画布的宽度，应该在哪里改呢？我想改canvas的样式

在页面加入一个弹窗，将画布放在弹窗里，获取不到改画布的图片，请问怎么设置，谢谢

null0
2017/7/26 11:33:02

已解决

十一浪0
2017/7/26 14:25:56

请问移动端是怎么配置参数的？我在移动端手指划了没效果

null0
2017/7/27 16:02:25
设置画布的宽高： $sigdiv.jSignature('init',{height:100,width:bw-130});

最初的梦想0
2017/8/16 9:21:32

请问效果实现了吗？可以交流一下在移动端遇到的一些问题吗？谢谢大神

我下载直接用，还是不兼容ie8呢

翟骏------0
2017/6/26 16:47:06

在网上用案例的话怎么就支持ie8呢