将 html div 转换为 pdf [关闭]答案

【问题标题】：Convert a html div to a pdf [closed]将 html div 转换为 pdf [关闭]
【发布时间】：2014-04-30 07:12:51
【问题描述】：

我的网页中生成了一种帐单，它显示在一个 div id“帐单”中。我希望当用户单击打印时，“bill”div 中显示的所有内容都会转换为 pdf 并在另一个网页（选项卡）中自动打开，以便用户可以打印它？谁能帮我写代码？

【问题讨论】：

php.net/manual/en/book.pdf.php

标签： php html pdf-generation

【解决方案1】：

我建议你使用 PDF Utitlity 来生成 pdf 服务器端。

https://stackoverflow.com/questions/6118635/what-is-the-best-pdf-open-source-library-for-java

您可以使用在新窗口中打开页面并将二进制文件写入http响应

【讨论】：

【解决方案2】：

您还可以使用名为 jsPDF 的 Javascript 库纯粹在客户端 JavaScript 中生成 PDF 文件。

【讨论】：

查看此 URL 以获取有关 jsPDF 的更多信息：parall.ax/products/jspdf

【解决方案3】：

您可以使用jsPDF 完成此操作

示例用法：

HTML：

<div id="bill">
     <h3>Hello, this is a H3 tag</h3>

    <p>a pararaph</p>
</div>
<div id="editor"></div>
<button id="cmd">generate PDF</button>

JavaScript：

var doc = new jsPDF();
var specialElementHandlers = {
    '#editor': function (element, renderer) {
        return true;
    }
};

    $('#cmd').click(function () {
        doc.fromHTML($('#bill').html(), 15, 15, {
            'width': 170,
                'elementHandlers': specialElementHandlers
        });
        doc.save('sample-file.pdf');
    });

DEMO

【讨论】：

不工作。小提琴也不是
在包含所需的 js 库 (jsPDF) 之前将无法工作。