javascript - jsPDF 总是在控制台上返回 jsPDF PubSub 错误

Question

我有一个用于保存 html 页面的按钮。当用户单击按钮时，我想触发 jsPDF 函数，但它返回“jspdf PubSub 错误”并且生成的 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>