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

Question

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

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。

有教程here ，它将引导您使用 html2canvas 和 jsPDF 设置基本的 html 到 pdf 功能。