增加JSignature输入区域的高度

Question

我正在使用JSignature接受签名。如何增加默认高度？我尝试给签名div高度但不按预期工作。

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

如何解决这个问题？

Answer 1

我无法在<div>（捕获）和<img>（显示）标记中更改签名框的大小或行宽。尝试使用jQuery修改大小（并确保将jSignature.js添加到项目中）：

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

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

Answer 2

在jSignature Sample

中替换此行

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

到

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

Answer 3

似乎您也可以使用百分比值，这对我来说很有效：

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