javascript - 下载 PDF 格式的 PHP、HTML 编码页面。

Question

我的页面上有“以 pdf 格式下载”按钮。该页面包含 php 和 html 代码。我想将页面下载为 pdf(不在浏览器窗口中打开)。我尝试了一个使用 jspdf 的代码，它将 div 内容转换为 pdf 格式，但没有应用 css 和与原始页面相同的格式。

js代码:

<script type="text/javascript" src="https://parall.ax/parallax/js/jspdf.js"></script>
var doc = new jsPDF();
var specialElementHandlers = {
    '#editor': function (element, renderer) {
        return true;
 }
};

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

按钮: <button id="cmd">generate PDF</button>

页面格:
<div class="container" id="div-bill">
//page elements here
</div>

Answer 1

看看phantomjs , 它在将网页呈现为 PDF 文档方面做得很好。它基本上是一个基于 webkit 的浏览器，支持 CSS、Canvas 和 SVG。

可执行文件将在 Windows、Linux 或 OSX 服务器上运行，您可以在 javascript 中编写操作脚本。

因此，您可以将“下载为 PDF”按钮转到启动 phantomjs 可执行文件的 PHP 文件，该文件请求您要转换为 pdf 文档的文件，并将其保存在服务器的磁盘上。然后，您再次使用 php 读取该 pdf 文件并将其作为下载提示发送回用户，例如:

header('Content-disposition: attachment; filename=somename.pdf');
header('Content-type: application/pdf');
readfile($file);