如何在使用jsPDF将html转换为pdf的同时，在pdf中的某个点进行分页

How to give page break at certain point in pdf while converting html to pdf using jsPDF?

本文关键字：pdf 分页 jsPDF html 转换      更新时间：2023-09-26

我正在使用jsPDF将我的html转换为pdf。我的HTML内容几乎没有图表。当我将html转换为pdf时，它会创建具有多个页面的pdf，但由于我无法控制分页符，我的图表呈现为两个页面。

请帮忙。

下面是我的代码。

function exportAsPdf(){
        var pdf = new jsPDF();
        var options = {
            pagesplit: true
        };
        pdf.addHTML( $("#content") , options, function() {
            //var string = pdf.output('datauristring');
            // $('.preview-pane').attr('src', string);
            pdf.output('dataurlnewwindow');
        });
    }

理想情况下，我希望一页中只有一个图表。我在一个分区中显示每个图表。

我认为在用pdf编写图表时需要减小图表大小。

你尝试过吗：

<div style="display: block; page-break-after:always"></div>

有关更多配置，请查看

https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-after

不确定jsPDF是否支持CSS 3 Paged Media。如果是这样的话，还有其他方法可以解决这个问题。

在最坏的情况下，您可以创建具有预定大小的white背景div，并在需要分页符时重用它。你可以在他们Github的issues部分询问。

相关文章：