如何使用JavaScript或jQuery将html页面导出到客户端的pdf？

Question

如果不可能，那么其​​他选择是什么？

我尝试将完整的html页面转换为动态值的pdf，但我不能。

但我看到了一些像jspdf这样的API，但它对我没用 。

是否可以使用JavaScript或jQuery将HTML页面保存为PDF文件？

详细：

我生成了一个HTML页面，其中包含一个列表网格，可以动态填充所有可用的报告。 它有一个按钮'另存为PDF'。 如果用户单击此按钮，则HTML页面将转换为PDF文件。

是否可以使用JavaScript或jquery？

Answer 1

jsPDF有一个HTML渲染器，但它处于早期阶段：

https://github.com/mrrio/jsPDF

http://parall.ax/products/jspdf

但最好的解决方案是来自mujaffars的解决方案。 用户AJAX和用PHP编写的稳定的PDF库，如FPDF，PDFLib，TCPDF等

Answer 2

那么，如果我有正确的问题，那么你需要将Export a Table Data as PDF吗？

如果是，那么请在这里看一下带有简单示例的datatables.js 。

另外，请使用BytescoutPDF.js（Bytescout PDF Generator for JavaScript）绘制PDF发票和JSPDF，您可以在此处获取详细信息。

Answer 3

您需要使用任何pdf生成库。 您尚未指定您使用的技术（Php，.net或其他）

在PHP中，您可以使用tcpdf库，您可以在其中传递html以生成pdf

$pdf = new TCPDF(PDF_PAGE_ORIENTATION, PDF_UNIT, PDF_PAGE_FORMAT, true, 'UTF-8', false);
$pdf->AddPage();
$pdf->writeHTML($pdfHtml, true, false, true, false, '');

$ pdfHtml将成为你的页面html

在您点击“另存为pdf”按钮的情况下，您可以使用jquery的html（）方法获取html

例如。

var pageHtml = $('html').html();

通过将pageHtml传递给ajax页面，您可以在ajax页面中创建pdf

Answer 4

有可能使用pdf.js插件pdf.js是一个HTML5实验，探索构建一个忠实而有效的PDF渲染器，而无需本机代码帮助。

在线演示

Github Link

JSFIDDLE DEMO