So implementieren Sie die Funktion zum Konvertieren von HTML in PDF in JS-js-Tutorial-php.cn

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

亚连

Freigeben： 2018-06-07 14:30:28

Original

2720 Leute haben es durchsucht

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>

Nach dem Login kopieren

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!