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

Javascript 使用jsPDF将HTML输入值导出为PDF,javascript,jspdf,Javascript,Jspdf,我有一个HTML表单,其中有几个用户输入字段,类型为checkbox、文本区域和单选按钮,我需要将这些字段下载为PDF文件,其中包含用户给定的输入值。我正在使用jsPDF成功地将HTML div导出为PDF,但输入字段在PDF结果中没有任何值。如何使用输入值导出整个表单?以下是我导出为PDF的jsPDF javascript: self.onDownload = function (divId){ var doc = new jsPDF(); doc.fromHTML(doc

我有一个HTML表单,其中有几个用户输入字段,类型为checkbox、文本区域和单选按钮,我需要将这些字段下载为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');
}

我自己一直在构建您所描述的功能

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

一种解决方法是使用DOM生成图像,然后将图像保存为PDF格式。虽然这不是最优雅的解决方案,但它确实有效,是迄今为止我找到的最好的解决方案。我一直在使用html2canvas库创建图像,使用jsPDF创建pdf


有一个教程,指导您使用html2canvas和jsPDF设置基本的html到pdf函数

这似乎是错误的,尽管是在一年后

利用

doc.text(20,20,document.getElementById(“YourDiv/paragration”).innerHTML)

document.getElementById(“InputField”).value

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


将此保留在此处,以避免将来出现混淆。 对于此处询问的变量:

我在jsPDF库中找不到任何关于fromHTML函数的文档。我能找到的最接近的是addHTML函数,它已被弃用,取而代之的是基于向量的解决方案,这里有一个例子:我会考虑查看文档和这个例子,而不是使用一个无文件/重弃权的函数。