Javascript 在使用jsPDF将html转换为pdf时,如何在pdf中的某一点提供分页符?
我正在使用jsPDF将html转换为pdf。我的HTML内容几乎没有图表。当我将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
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。