signature_pad画布不在asp.net表单内呈现

Question

使用szimek的签名板库，我试图将画布嵌入asp.net表单中。当我测试时，画布不会渲染，查看元素会显示画布始终具有零高度。如果删除表单标签，那很好。有人有建议吗？

def change
  remove_reference :addresses, :contact, index: true, foreign_key: true
end

Answer 1

Click here to check demo我曾经使用过Signature Pad

步骤1：您需要将高度和宽度应用于<canvas>

<canvas id="mySketch" width="500" height="200">
</canvas>

第2步：您已经有一个隐藏字段

<input type="hidden" id="hfSign" runat="server" />

第3步：将canvas的结果填充到hfSign，然后使用Convert.FromBase64String()将其值转换为图像

Answer 2

使用了较旧版本的signature-pad.css，现在在所有浏览器中的位置都是正确的。