使用jspdf导出pdf时图片在两页之间被截断

问题描述 投票:0回答:0

我已经创建了用于导出 PDF 的 SPFx React 功能组件。

我用过JSPDF导出pdf。当我尝试导出 PDF 图像时,两页之间被截断了。请参阅下面的屏幕截图以便更好地理解。

下面是我的代码片段。

const exportToPdf = () => {
    ref.current.style.display = 'block';
    let pdf = new JSpdf('p', 'pt', 'a4', true);
    let pWidth = pdf.internal.pageSize.width; // 595.28 is the width of a4
    let srcWidth = document.getElementById('toRender').scrollWidth;
    let margin = 20; // narrow margin - 1.27 cm (36);
    let scale = (pWidth - margin * 2) / srcWidth;
    pdf.html(document.getElementById('toRender'), {
        x: margin,
        y: margin,
        autoPaging: 'text',
        margin: [10, 0, 10, 0],
        html2canvas: {
            scale: scale,
        },
        callback: function () {
            pdf.save("Demo.pdf");
            ref.current.style.display = 'none';
        }
    });
}

任何人都可以帮助我吗?

reactjs sharepoint-online jspdf html2canvas spfx
© www.soinside.com 2019 - 2024. All rights reserved.