Wie konvertieren von HTML-Seite in PDF dann herunterladen?

Dies ist meine Webseite mit HTML und CSS:

Wie konvertieren von HTML-Seite in PDF dann herunterladen?

Wie kann ich download von der gleichen web-Seite als PDF? Ich habe versucht viele Lösungen, aber ich bin immer nur der Inhalt auf der PDF-Datei aber nicht mit dem CSS-style.

Irgendwelche Lösungen?

Möglich, Duplikat der Ist es möglich zu speichern, HTML Seite als PDF mit JavaScript oder jquery?

InformationsquelleAutor ajay | 2017-09-02

  1. 15

    Erläutert in dieser Beitrag können Sie die jsPDF Bibliothek zu tun.

    Stellen Sie sicher, dass Sie sowohl jQuery und jsPDF in Ihre Datei.

    Bekommen auch html2canvasJS konvertieren Sie die Dokument-Elemente auf die Leinwand, um zu beheben, die CSS.

    JS:

    let doc = new jsPDF('p','pt','a4');

doc.addHTML(document.body,function() {
    doc.save('html.pdf');
});

    HTML:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>

<div id="content">
  <h1 style="color:red">Hello World</h1>
  <p>this is a PDF</p>
</div>

    Demo: JSFiddle

    Können Sie auch Auslöser der download mit einem Knopf (siehe ersten post für weitere details)

    Ich habe versucht, aber es wird nicht angezeigt nach den angegebenen Stil(css)
    Ich habe meine Antwort bearbeitet
    genial Mann. sieht besser aus als das davor
    Wenn Sie diese Antwort hilfreich vergessen Sie nicht, bis abstimmen / annehmen für zukünftige Nutzer
    Fertig.....

    InformationsquelleAutor Ivan

  2. 1

    1. Laden Sie die neueste version von jsPDF.

    2. Gehören die folgenden Skripts in Ihrem Projekt:

      • jspdf.js
      • jspdf.plugin.from_html.js
      • jspdf.plugin.split_text_to_size.js
      • jspdf.plugin.standard_fonts_metrics.js

    InformationsquelleAutor Kirit

Schreibe einen Kommentar