如何将html2canvas保存为pdf文件

Question

我使用下面的 html2canvas 代码将 canvas 附加到文档正文下方，但我想针对特定的 div 并将其另存为 pdf ？

    function getscreenshot() {
        html2canvas(document.body, {
            onrendered: function (canvas) {
                document.body.appendChild(canvas);
            }
        });
    };

Answer 1

试试这个，确保传递 div 你想要导出到 pdf 的 id 和名称（以防你想在同一页面上导出多个 pdf。如果你可以去掉名称部分感觉，只需确保将它也从 pdfmake 行中删除）作为该函数的参数

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

如何将html2canvas保存为pdf文件

How to save html2canvas as a pdf file

javascript

pdf

jquery

html2canvas