Question

我在我的网页上生成了一种帐单，该帐单以div id“bill”显示。我希望当用户点击打印时，“bill”div中显示的所有内容都会转换为pdf，并在另一个网页（标签）中自动打开，以便用户可以打印它？任何人都可以帮我解决它的代码吗？

Answer 1

我觉得你使用PDF工具来生成pdf服务器端。

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

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

Answer 2

您可以使用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

Answer 3

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

将html div转换为pdf

3 个答案: