如何将html2canvas保存为pdf文件

Question

我使用下面的html2canvas代码将画布附加到文档正文下方，但是我想定位一个特定的div并将其另存为pdf？

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

Answer 1

试试这个，确保将要导出的div id传递给pdf和name（如果你想在同一页面上导出多个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");
        }
    });
}