JSPDF -从画布上显示手写签名

Question

我怎样才能在PDF上得到手绘签名？我有一份jquery移动报告，最后由客户签名。在画布上绘制签名之后，它将显示给客户。

然后我将使用JSPdf将报告转换为PDF格式。我正在显示文本，桌子，和一个没有问题的标志，但这个签名的东西真的困扰了我。对于普通的图片，您只需转换为URI，就会显示出图片，但我得到的所有签名都是URI。

在这里输入图像描述

Answer 1

使用signaturepad.js jQuery插件生成base64编码的签名图像。将该代码用作jspdf中htmltopdf中的图像src。

signaturepad.js文档

Answer 2

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

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