Javascript：如何從HTML表單或div創建pdf文件

Question

我是Javascript / jQuery的新手，我正在尋找一種方法來向頁面添加一個按鈕，允許用戶從預定義的表單或div 創建一個pdf （例如通過添加一個類）。

我做了一些研究，但在JS或jQuery中找不到這樣做的方法。

有沒有辦法通過Javascript / jQuery在客戶端實現這一點，或者有人能告訴我一個支持這個的免費軟件插件？

我找到的唯一一個插件是TCPDF，但這似乎相當大，我沒有看到一種方法，我可以將其限制為頁面上的某個窗體或div（而不是打印整個頁面）。

注意：我不需要覆蓋圖像，只需要像表單字段或表格和文本那樣的純HTML。

邁克，非常感謝您提供任何幫助

Answer 1

你可以試試jsPDF

它是免費的和客戶端。

您可以從他們的“HTML渲染”示例中看到，您可以從HTML的一部分創建PDF

編輯

可能jsPDF不支持CSS

如果你需要它，你可以嘗試作為替代phantomJS ，但它是一個命令行工具，它捕獲一個網頁作為截圖。 不確定這是不是你要搜索的內容

Answer 2

與之前的答案一樣，我建議使用小而強大且安全的js庫Print.js

例：

 <form method="post" action="#" id="printJS-form">
    ...
 </form>

 <button type="button" onclick="printJS('printJS-form', 'html')">
    Print Form
 </button>

相當容易

Answer 3

也是一個很好的，簡單的是pdfmake

從HTML創建pdf是簡單而干凈的庫，您可以決定以后打印它，

下面的基本用法示例

    var docDefinition = {
    content: [
        'First paragraph',
        'Another paragraph, this time a little bit longer to make sure, this line will be divided into at least two lines'
    ]
};

var pdfDoc = printer.createPdfKitDocument(docDefinition);
pdfDoc.pipe(fs.createWriteStream('pdfs/basics.pdf'));
pdfDoc.end();