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

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();

Answer 3

与前面的答案一样，我建议使用小型但功能强大且安全的js库Print.js。

示例：

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

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

很容易