Heim > Artikel > Web-Frontend > So implementieren Sie die Funktion zum Konvertieren von HTML in PDF in JS

So implementieren Sie die Funktion zum Konvertieren von HTML in PDF in JS

亚连Original: 2018-06-07 14:30:282659Durchsuche

In diesem Artikel wird hauptsächlich die von JS implementierte Funktion zum Konvertieren von HTML in PDF vorgestellt und mit einem vollständigen Beispiel kombiniert, um die spezifischen Betriebsfähigkeiten der Konvertierung von HTML-Formatdaten in PDF basierend auf dem browserseitigen Plug-In jsPDF Friends zu analysieren Bedürftige können sich darauf beziehen

Das Beispiel in diesem Artikel beschreibt die von JS implementierte Funktion zum Konvertieren von HTML in PDF. Teilen Sie es allen als Referenz mit. Die Details lauten wie folgt:

<!DOCTYPE html>
<html>
<head>
 <title>jsPDF插件</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <script src="https://code.jquery.com/jquery-git.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>
</head>
<body>
 <p class="pdf-wrapper" ="to-pdf">HTML content...<h1>中文</h1>
  中国,汉字,测试:合同 模版 中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国</br>中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国....................<br/>
  中国,汉字,测试:合同 模版 ...................<br/>
   计费 接口 ....................<br/>
  <img src=&#39;http://www.jb51.net/images/logo.gif&#39;/>
 </p>
 <script type="text/javascript">
  var pdf = new jsPDF(&#39;p&#39;,&#39;pt&#39;,&#39;a4&#39;);
  pdf.internal.scaleFactor = 1;
  var options = {
    pagesplit: true
  };
  //$(&#39;.pdf-wrapper&#39;)
  pdf.addHTML(document.body,options,function() {
   pdf.save(&#39;web1111.pdf&#39;);
  });
 </script>
</body>
</html>

Betriebseffekt:

Das Obige ist das, was ich für alle zusammengestellt habe. Ja, ich hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Vue-Router-Projektpraxis (ausführliches Tutorial)

Wie verwende ich die Lodash-Methode in Angular?

Über die Verwendung von Material in Angular2 (ausführliches Tutorial)

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Funktion zum Konvertieren von HTML in PDF in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So implementieren Sie das Wasserfall-Flow-Plug-in mit JSNächster Artikel：So implementieren Sie das Wasserfall-Flow-Plug-in mit JS

In Verbindung stehende Artikel

Mehr sehen