增加JSignature输入区域的高度答案

【问题标题】：Increase the height of JSignature input area增加JSignature输入区域的高度
【发布时间】：2014-05-21 06:44:05
【问题描述】：

我正在使用 JSignature 来接受签名。如何增加默认高度？我尝试为签名 div 指定高度，但没有按预期工作。

Code:
<div id="signature" style="background-color:#fff9cb;border:0px;height:200px"></div>

如何解决这个问题？

【问题讨论】：

我正在使用github.com/willowsystems/jSignature 来捕获签名。上面提到了 Html 代码添加 Jsignature 画布元素。它根据屏幕宽度和高度动态获取高度。我想将高度增加到 200px。
关于如何解决这个问题的任何想法。

标签： javascript jquery html canvas

【解决方案1】：

在 jSignature Sample 中替换这一行

var $sigdiv = $("#signature").jSignature({ 'UndoButton': true })

到

var $sigdiv = $("#signature").jSignature({ 'UndoButton': true, 'width': 400, 'height': 400 })

【讨论】：

【解决方案2】：

我在更改<div>（捕获）和<img>（显示）标签中签名框的大小或线宽时遇到了问题。尝试使用 jQuery 修改大小（并确保您已将 jSignature.js 添加到您的项目中）：

<div id="mySignatureBox" style="background:#000000; color:#ffffff"></div>   

$('#mySignatureBox').jSignature({ lineWidth: 1, width: 700, height: 200 });

【讨论】：

【解决方案3】：

看来你也可以使用百分比值，这对我来说很有效：

$('#signature').jSignature({
  width: '100%',
  height: 250
});

【讨论】：

这转化为 width="100"