使用jsPDF將HTML輸入值導出爲PDF

我有一個HTML表單，其中包含多個類型爲checkbox，文本區域和單選按鈕的用戶輸入字段，我需要以用戶提供的輸入值下載爲PDF文件。我成功使用jsPDF將HTML div導出爲PDF，但輸入字段在PDF結果中沒有任何值。如何使用輸入值導出整個表單？這裏是我的jsPDF JavaScript導出爲PDF：使用jsPDF將HTML輸入值導出爲PDF

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

來源

2017-07-31 Tom

我在jsPDF庫中找不到關於fromHTML函數的任何文檔http://rawgit.com/MrRio/jsPDF/master/docs/index.html我能找到的最接近的是一個addHTML函數，它具有已被棄用贊成基於矢量的解決方案，其中的一個例子發佈在這裏：https://cdn.rawgit.com/MrRio/jsPDF/master/examples/html2pdf/showcase_supported_html.html我會考慮看文檔和這個示例，而不是使用無證/嚴重棄用的函數。 –

我自己一直在建設像你所描述的功能。

關於您遇到的問題，我目前的理解是，大多數PDF生成庫（如jsPDF）無法讀取/解釋輸入字段的值屬性，這就是爲什麼它們不出現在PDF中。

解決此問題的一種方法是使用DOM生成圖像，然後將圖像保存爲PDF。雖然它不是最優雅的解決方案，但它確實有效，並且是迄今爲止我發現的最佳解決方案。我一直在使用html2canvas庫創建圖像，而jsPDF用於創建PDF。

有一個教程here，它將帶您通過使用html2canvas和jsPDF設置一個基本的html功能。

來源

2017-09-15 07:49:09 Venator

使用jsPDF將HTML輸入值導出爲PDF

回答

相關問題