无法在jspdf中使用addHTML保存pdf文件

Question

标题：

<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 #wrapper时将其添加到pdf文件中。 但是，当我按下按钮并检查Chrome中的元素时，它总是显示源中已卸载的事件。

任何帮助，将不胜感激。 谢谢！

Answer 1

有几件事要做：

1. 使用jQuery选择器$('#wrapper')[0]返回的数组的第一个元素
2. 定义要保存的pdf文件的名称pdf.save('Test.pdf');

 $('#downloadPdf').on('click', function() { var pdf = new jsPDF('p', 'pt', 'a4'); pdf.addHTML($('#wrapper')[0], function() { pdf.save('Test.pdf'); }); }); 

您可以在此处查看演示小提琴

Answer 2

我试图在代码中仅使用它，但是根本不会单击将生成PDF的按钮。 我想知道是否有可能提供源代码来尝试操纵和实现。谢谢。