使用jsPDF将HTML输入值导出为PDF

Question

我有一个HTML表单，其中包含几个类型为复选框，文本区域和单选按钮的用户输入字段，我需要使用用户指定的输入值将它们下载为PDF文件。 我正在成功使用jsPDF将HTML div导出为PDF，但是输入字段在PDF结果中没有任何值。 如何使用输入值导出整个表单？ 这是我的用于导出为PDF的jsPDF javascript：

self.onDownload = function (divId){
     var doc = new jsPDF();
     doc.fromHTML(document.getElementById(divId), 15, 15, {
          'width': 170
     });
     doc.save('sample-file.pdf');
}

Answer 1

我本人一直在像您描述的那样构建功能。

关于您遇到的问题，我目前的理解是，大多数PDF生成库（例如jsPDF）无法读取/解释输入字段的值属性，这就是为什么它们不出现在PDF中的原因。

解决此问题的一种方法是使用DOM生成图像，然后将图像另存为PDF。 虽然它不是最优雅的解决方案，但它确实有效，并且是迄今为止我发现的最佳解决方案。 我一直在使用html2canvas库来创建图像，并使用jsPDF来创建pdf。

有一个教程在这里 ，将带您通过一个基本的HTML设定为PDF功能，采用html2canvas和jsPDF。

Answer 2

尽管一年之后，这似乎是错误的。

通过使用

doc.text(20, 20, document.getElementById("YourDiv/Paragraph").innerHTML);

要么

document.getElementById("InputField").value

我可以正确使用html文件中的元素。

---

将此留在此处以避免将来造成混淆。 对于此处要求的变量： jsPDF中的变量