Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在使用jsPDF将html转换为pdf时,如何在pdf中的某一点提供分页符?_Javascript_Jspdf_Page Break - Fatal编程技术网

Javascript 在使用jsPDF将html转换为pdf时,如何在pdf中的某一点提供分页符?

Javascript 在使用jsPDF将html转换为pdf时,如何在pdf中的某一点提供分页符?,javascript,jspdf,page-break,Javascript,Jspdf,Page Break,我正在使用jsPDF将html转换为pdf。我的HTML内容几乎没有图表。当我将html转换为pdf时,它会创建包含多个页面的pdf,但由于我无法控制分页符,因此我的图表会呈现为两个页面 请帮忙 下面是我的代码 function exportAsPdf(){ var pdf = new jsPDF(); var options = { pagesplit: true }; pdf.addHTML( $("#c

我正在使用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 style="display: block; page-break-after:always"></div>

有关更多配置,请检查

不确定
jsPDF
是否支持。如果是这样的话,有其他方法来解决这个问题


最糟糕的情况是,您可以使用预先确定的大小创建一个
白色
背景
div
,并在需要分页符时重新使用它。您可以在Github的“问题”部分询问。

我认为您需要在以pdf格式编写图表时减小图表大小。

是id=“分页符”吗?我有10-15个图表,它们以html格式一个接一个出现。它们都很小。有时,它会在一个页面中显示2-3个图表,但第4个图表会在pdf中剪切。在第3个图表之后,您可以创建一个新页面(pdf.addPage())或使用pdfmake,因为jspdf不支持css。