Html2Canvas 图像被剪切

Question

我使用 Html2Canvas 然后使用 jsPdf 导出图像。

这是函数:

function exportPdf() {
    content = $("#print");

    var useWidth = content.prop('scrollWidth');
    var useHeight = content.prop('scrollHeight');

    debugger;

    html2canvas((content), { width: useWidth, height: useHeight}).then(function (canvas) {
        debugger;
        var img = canvas.toDataURL("image/png");
        var doc = new jsPDF({
            unit:'px', 
            format:'a4'
        });

        debugger;
        doc.addImage(img, 'JPEG', 0, 0);
        doc.save('test.pdf');
    });
}

我认为考虑到视口(viewport)，就像做一个打印屏幕，当然滚动条下方的任何内容都不会考虑。

有什么想法吗？

Answer 1

打电话

    window.scrollTo(0,0)

在调用 html2canvas 之前，这似乎是一个错误，但窗口需要位于顶部，html2canvas 才能捕获传递给它的整个 DOM