在jspdf中使用addHTML保存pdf文件失败

Fail to save pdf file using addHTML in jspdf

本文关键字：保存 pdf 文件 失败 addHTML jspdf      更新时间：2024-06-09

标题：

<head>
 <script src="jquery.min.js"></script>
 <script src="jspdf.min.js"></script>
 <script src="html2canvas.min.js"></script>
 <script src="jspdf.plugin.addhtml.js"></script>
</head>

HTML:

<div id="wrapper">
 <div class="red b"></div>
 <div class="yellow b"></div>
 <div class="blue b"></div>
 <div class="green b"></div>
</div>

JavaScript:

$(".button").click(function() {
  var pdf = new jsPDF('p', 'pt', 'a4');
  pdf.addHTML($("#wrapper"), function () {
      pdf.save();
  });
});

当我按下按钮生成它时，我想把div#包装器添加到pdf文件中。但当我按下该按钮并在Chrome中检查元素时，它总是在源代码中显示一个卸载的事件。

如有任何帮助，我们将不胜感激。谢谢

有几件事要做：

  1. 使用jQuery选择器$('#wrapper')[0]返回的数组的第一个元素
  2. 定义要保存pdf.save('Test.pdf');的pdf文件的名称
$('#downloadPdf').on('click', function() {
    var pdf = new jsPDF('p', 'pt', 'a4');
    pdf.addHTML($('#wrapper')[0], function() {
        pdf.save('Test.pdf');
    });
});

您可以在此处查看Demo Fiddle

我正试图在代码中使用它，但根本没有点击生成PDF的按钮。我想知道是否有可能提供源代码来操作和实现powertry。感谢U。

相关文章：