如何在使用jsPDF将html转换为pdf时，在pdf中的某个点给出分页符？

Question

我使用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');
        });

    } 

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

Answer 1

你有没有尝试：

<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部分提问。

Answer 2

我认为当你用pdf格式写图表时，你需要减小图表的大小。