Wie kann man einen Seitenumbruch zu einem bestimmten Zeitpunkt im PDF-Format erzeugen, während man mit jsPDF HTML in PDF umwandelt?

Question

Ich verwende jsPDF, um meine HTML in pdf zu konvertieren. Mein HTML-Inhalt enthält nur wenige Diagramme. Wenn ich html nach pdf umwandle, erstelle ich pdf mit mehreren Seiten, aber da ich die Seitenumbrüche nicht kontrollieren kann, rendert mein Diagramm auf zwei Seiten.

Bitte helfen.

Unten ist mein Code.

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

    } 

Idealerweise hätte ich gerne nur ein Diagramm auf einer Seite. Ich zeige jedes Diagramm in einem Div auf.

Answer 1

Haben Sie versucht:

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

Weitere Konfigurationen überprüfen

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

Nicht sicher, ob jsPDFCSS 3 Paged Media unterstützt. Wenn ja, gibt es alternative Möglichkeiten, mit diesem Problem umzugehen.

Im schlimmsten Fall können Sie einen white Hintergrund div mit der vorgegebenen Größe erstellen und ihn immer wieder verwenden, wenn Sie Seitenumbrüche benötigen. Sie können in issues Abschnitt in ihrem Github fragen.

Answer 2

Ich denke, dass Sie die Diagrammgröße verringern müssen, während Sie es in pdf schreiben.