jsPDF始终在控制台上返回jsPDF PubSub错误

Question

我有一个保存html页面的按钮。当用户点击按钮时，我想触发jsPDF函数，但它返回"jspdf PubSub Error“，生成的pdf文件为空。

 var doc = new jsPDF();
 var specialElementHandlers = {
   '#editor': function(element, renderer){
    return true;
   }
 };

 $('.voucher-actions__save').click(function () {
   doc.fromHTML($('body').html(), 0, 0, {
    'width': 170,
    'elementHandlers': specialElementHandlers
   });
   //doc.save('voucher.pdf');
   console.log(doc);
 });

Answer 1

添加下面的代码，它应该可以工作

// #clientPrintContent is the element id which contains print content
// Print Docs
function printPDF() {
    var doc = new jsPDF();
    var elementHandler = {
        '#clientPrintContent': function (element, renderer) {
            return true;
        }
    };
    var source = document.getElementById("clientPrintContent");
    doc.fromHTML(
      source,
      15,
      15,
      {
          'width': 180, 'elementHandlers': elementHandler
      });
    // Output 
    doc.save('sample-file.pdf');
}

您可以从jsPDF添加CDN托管库

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.4.1/jspdf.debug.js" integrity="sha384-THVO/sM0mFD9h7dfSndI6TS0PgAGavwKvB5hAxRRvc0o9cPLohB0wb/PTA7LdUHs" crossorigin="anonymous"></script>

Answer 2

我在jsPDF上也遇到了同样的问题：

​

​

将jsPDF从v1.3.5降级到v1.3.1对我很有帮助。

我现在使用的版本：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.1/jspdf.min.js"></script>