Maison > Article > interface Web > Implémentation JS de la conversion du partage de code de fonction HTML en PDF

Implémentation JS de la conversion du partage de code de fonction HTML en PDF

小云云original: 2018-02-06 14:05:581286parcourir

Cet article présente principalement la fonction de conversion HTML en PDF implémentée par JS et analyse les compétences opérationnelles spécifiques de conversion de données au format HTML en PDF basées sur le plug-in côté navigateur jsPDF sous la forme d'un exemple complet. ceux qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

L'exemple de cet article décrit la fonction de conversion html en pdf implémentée par JS. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

<!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>

Effet de l'opération :

Recommandations associées :

Recherche d'une solution pour convertir le chinois HTML en PDF avec tous les points d'interrogation

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html JS

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Angularjs implémente le partage de code pour le plug-in de paginationArticle suivant：Angularjs implémente le partage de code pour le plug-in de pagination

Articles Liés

Voir plus