Ich verwende JSPDF, um PDF-Dateien auf unserer Website zu generieren. Ich habe einige Inhalte, die jedes Mal in der Länge variieren können. Wie kann ich einstellen automatisch JsPdf Parameter neue Seite der Inhalt auf dem ersten überläuft Seitejspdf neue Seite hinzufügen, wenn der Text auf der ersten Seite voll ist
0
A
Antwort
0
Hye, jedes Mal hinzuzufügen
es ein bisschen später ist und Antwort ist nicht perfekt, aber es macht den Job für mich (in ES6):
private createNewPdf() {
this.positionY = MARGIN_TOP; // margin top
this.pdf = new jsPDF({ orientation: 'portrait', unit: 'mm', lineHeight: 1 });
}
// convert mm to fontSize
private setTextHeight(this.textHeight) {
let fontSize = this.textHeight * 4;
this.pdf.setFontSize(fontSize);
}
private addText(text) {
this.setTextHeight(textHeight);
if (this.positionY + textHeight > (this.pdf.internal.pages.height - MARGIN_BOTTOM)) {
this.addPage();
}
this.pdf.text(MARGIN_LEFT, this.positionY + this.textHeight, text);
this.positionY += textHeight;
}
private addPage() {
this.pdf.addPage();
this.positionY = MARGIN_TOP;
}
So, nachdem Sie müssen nur:
this.textHeight = 3; // mm
this.positionY = 0; // position of previous text
this.pdf = null;
this.createNewPdf();
this.addText('My first text');
this.addText('My second text');
...
Und wenn es mehr Text als Ort ist, wird Seite automatisch mit MARGIN_TOP hinzugefügt werden (Sie müssen t definieren sein)
Verwandte Themen
- 1. Wie erzwinge ich Fußnoten ganz unten auf der Seite, wenn die Seite nicht voll ist?
- 2. Zwei Seitenformular-Einträge auf der ersten Seite
- 3. PDFsharp Vertikaler Text auf der Seite der Seite
- 4. iText neue Seite hinzufügen
- 5. div auf der gegenüberliegenden Seite der Seite
- 6. Wordpress Custom Taxonomy auf der ersten Seite
- 7. Div gelöscht, wenn Seite voll lädt
- 8. Kaminari Parameter auf der ersten Seite Konfigurationsoption
- 9. PhantomJS überspringen Kopf auf der ersten Seite
- 10. Load 10 Bild auf der ersten Seite
- 11. Socket.io die Verbindung auf der Client-Seite beibehalten, wenn der Client aktualisiert oder neue Seite öffnen
- 12. Verwenden Sie verschiedene Tabellenkopf auf der ersten Seite
- 13. Wie die Seite automatisch mit jspdf
- 14. $ http.get Anfrage ist nur erfolgreich auf der ersten Seite load
- 15. Angular 2: Routing auf neue Seite verhindern, wenn der Dienst
- 16. auf eine neue Seite nach der Einreichung
- 17. Floating Action Button Text auf der Seite
- 18. Paginierung nach der Suche funktioniert nur auf der ersten Seite
- 19. meine Bearbeitungsschaltfläche funktioniert nicht auf der nächsten Seite (funktioniert nur auf der ersten Seite)
- 20. Text, der während des Ladevorgangs auf Seite
- 21. Text zweimal auf der gleichen Seite gedruckt
- 22. aktualisieren Seite Informationen oder auf neue Seite
- 23. Dynamische Elemente auf der Seite nach dem ersten Laden der Seite anzeigen
- 24. Angular Paginierung: Wenn Datensätze aus der ersten Seite gelöscht werden, werden die Datensätze aus der nächsten Seite werden nicht automatisch auf der ersten Seite
- 25. Hinzufügen von Gridview neue Zeile auf Client-Seite
- 26. Link auf der Bootstrap-Seite hinzufügen?
- 27. Link ausblenden, wenn auf der angegebenen Seite
- 28. Seite Redirection, wenn der Eingang ist
- 29. Einchecken von Jmeter, wenn eingegebene Felder gleich bleiben auf der ersten Seite nach der Navigation von der nten Seite
- 30. __doPostBack funktioniert nur, wenn auf der Seite