为什么我的 JsPdf 将所有元素推向左侧并使其宽度变小？答案

【问题标题】：Why is my JsPdf shoving all elements to the left and making their width small?为什么我的 JsPdf 将所有元素推向左侧并使其宽度变小？
【发布时间】：2022-10-22 19:17:52
【问题描述】：

当我使用 jsPDF 生成我的网站的 pdf 时，所有元素都被推到左边，并且尽可能的薄。我尝试在 pdf.html() 选项和里面的 html2canvas 选项中设置宽度。

    const doc = new jsPDF({
        orientation: "p",
        format: "legal",
        unit: "px",
        hotfixes: ["px_scaling"]
    });

    const elementHandler = {
        '#ignorePDF': function (element) {
            return false;
        }
    }

    const body = document.getElementsByClassName("content")[0];
    
    doc.html(body.parentElement, {
        autoPaging: 'text',
        width: 1000,
        html2canvas: {
            width: 1000,
            windowWidth: 1000
        },
        callback: async function (doc) {
            doc.setLineWidth(1000);
            doc.save("test.pdf")
        },
        elementHandler: elementHandler
    });

这会生成一个如下所示的 pdf：

先感谢您。

【问题讨论】：

同样在这里。你的问题解决了吗？

标签： javascript jspdf

【解决方案1】：

const width = doc.internal.pageSize.getWidth();

doc.html(body.parentElement, {
    autoPaging: 'text',
    width: width,
    windowWidth: width,
    callback: async function (doc) {
        doc.save("test.pdf")
    }
});

【讨论】：