Ich möchte einige meiner Divs in PDF konvertieren und habe die jsPDF-Bibliothek ausprobiert, aber ohne Erfolg. Anscheinend kann ich nicht verstehen, was ich importieren muss, damit die Bibliothek funktioniert. Ich habe die Beispiele durchgesehen und kann es immer noch nicht herausfinden. Ich habe folgendes versucht:
<script type="text/javascript" src="js/jspdf.min.js"></script>
Nach jQuery und:
$("#html2pdf").on('click', function(){
var doc = new jsPDF();
doc.fromHTML($('body').get(0), 15, 15, {
'width': 170
});
console.log(doc);
});
zu Testzwecken erhalte ich aber:
"Cannot read property '#smdadminbar' of undefined"
Wo #smdadminbar
ist der erste Div vom Körper?
javascript
jquery
html
jspdf
Daniela costina Vaduva
quelle
quelle
fromHTML
warum dies nicht in den jsPDF-Dokumenten dokumentiert ist: " Wir schließen dieses Problem, da wir HTML und AddHTML nicht mehr unterstützen. " ( Ab Ausgabe 516 )Antworten:
Sie können PDF aus HTML wie folgt verwenden:
Schritt 1: Fügen Sie dem Header das folgende Skript hinzu
oder lokal herunterladen
Schritt 2: Fügen Sie ein HTML-Skript hinzu, um jsPDF-Code auszuführen
Passen Sie dies an, um die Kennung zu übergeben, oder ändern Sie einfach #content, um die Kennung zu erhalten, die Sie benötigen.
Schritt 3: Fügen Sie Ihren Körperinhalt hinzu
Lesen Sie das Original-Tutorial
Sehen Sie eine funktionierende Geige
quelle
Sie benötigen nur diesen Link jspdf.min.js
Es hat alles drin.
quelle
Error in function FileSaver@http://mrrio.github.io/jsPDF/dist/jspdf.debug.js:5875:18: get_URL(...).createObjectURL is not a function
, dasselbe, wenn ich die Bower-Version verwende. Irgendeine Ahnung?Dies ist schließlich, was es für mich getan hat (und eine Disposition auslöst):
quelle
pdf.save("myfile.pdf", function(){ alert("pdf generation/save finished!"); });
Sollten Sie nicht auch die Bibliothek jspdf.plugin.from_html.js verwenden? Neben der Hauptbibliothek (jspdf.js) müssen Sie andere Bibliotheken für "spezielle Operationen" verwenden (wie jspdf.plugin.addimage.js für die Verwendung von Bildern). Überprüfen Sie https://github.com/MrRio/jsPDF .
quelle
Zuerst müssen Sie einen Handler erstellen.
Schreiben Sie dann diesen Code in das Klickereignis:
Angenommen, Sie haben die Dokumentvariable bereits deklariert. Und dann haben Sie diese PDF-Datei mit dem File-Plugin gespeichert.
quelle
Nach der neuesten Version (1.5.3) gibt es keine
fromHTML()
Methode mehr. Stattdessen sollten Sie das jsPDF-HTML-Plugin verwenden, siehe: https://rawgit.com/MrRio/jsPDF/master/docs/module-html.html#~htmlSie müssen auch die html2canvas-Bibliothek hinzufügen, damit sie ordnungsgemäß funktioniert: https://github.com/niklasvh/html2canvas
JS (aus API-Dokumenten):
Sie können auch eine HTML-Zeichenfolge anstelle eines Verweises auf das DOM-Element angeben.
quelle
Wie wäre es in Vuejs, wie ist es anwendbar?
quelle