如何将我网站上的 DOM 元素转换为 PDF？答案

【问题标题】：How to transform a DOM element on my site in a PDF?如何将我网站上的 DOM 元素转换为 PDF？
【发布时间】：2016-01-27 13:28:37
【问题描述】：

我的网站中有一个div，其中包含一些使用SVG 的图表。我想提示浏览器将 div 转换为 PDF，使用与用户要求打印站点时相同的算法，但仅限于 div。我想通过电子邮件发送和/或打印 PDF。

这可能吗？

【问题讨论】：

标签： javascript html css pdf

【解决方案1】：

您可以为此使用 TCPDF 插件。它广泛用于从 Html 创建 PDF。

http://sourceforge.net/projects/tcpdf/files/

http://www.tcpdf.org/docs.php

http://www.tcpdf.org/examples.php

希望对你有所帮助。

【讨论】：

【解决方案2】：

假设你有一个这样的 div：

<div id='yourDIVid'><div>

你可以做一个这样的函数：

function savedivASpdf() {

   html2canvas(document.getElementById('yourDIVid'), {
        onrendered: function (canvas) {
            var data = canvas.toDataURL();
            var docDefinition = {
                content: [{
                    image: data,
                    width: 500,
                }]
            };
            pdfMake.createPdf(docDefinition).download("pdf_title.pdf");
        }
    });
}

你需要

https://html2canvas.hertzen.com/

和

http://pdfmake.org/#/

下载源代码并添加如下：

<script src="html2canvas.js" type="text/javascript"></script>
<script src="pdfmake.min.js" type="text/javascript"></script>
<script src="vfs_fonts.js"   type="text/javascript"></script>

【讨论】：