Javascript 如何在PDF中转换网站上的DOM元素?

Javascript 如何在PDF中转换网站上的DOM元素?,javascript,html,css,pdf,Javascript,Html,Css,Pdf,我的站点中有一个div,其中包含一些使用SVG的图形。我想提示浏览器将div转换为PDF格式,使用与用户要求打印站点时相同的算法,但仅限于div。我想通过电子邮件和/或打印PDF 这可能吗?您可以使用TCPDF插件来实现这一点。 它广泛用于从Html创建PDF 希望这对您有所帮助。假设您有这样一个div: <div id='yourDIVid'><div> function savedivASpdf() { html2canvas(document.get

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


这可能吗?

您可以使用TCPDF插件来实现这一点。 它广泛用于从Html创建PDF


希望这对您有所帮助。

假设您有这样一个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");
        }
    });
}
你需要

下载源代码并添加,如:

<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>