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编写图表时需要减小图表大小。

如何在使用jsPDF将html转换为pdf的同时在pdf中的某个点提供分页符？

2 个答案: