JSPDF - 显示 canvas 的手写签名

JSPDF - display hand signature from canvas

如何将手绘签名添加到 PDF 中? 我有一份 jquery 客户最后签名的移动报告。在 canvas 上绘制签名后,它会显示给客户。

然后我使用 JSPdf 将报告转换为 PDF。我可以毫无问题地显示文本、表格和徽标,但这个标志性的东西确实让我很困惑。 使用普通图片,您只需转换为 URI 即可显示图片,但我得到的签名只是 URI。

enter image description here

使用signaturepad.js jQuery插件生成base64编码签名图片。 在 jspdf

的 htmltopdf 中使用该代码作为图像 src

signaturepad.js documentation

答案就像找到生成的图像一样简单。再次感谢您。

var SigImg = document.getElementById("sig-image");
doc.addImage(SigImg, 'png', 20, 20, 100, 40)