无法通过jsPDF从Html div制作PDF

Question

我有这个js代码:

var doc = new jsPDF();

$('#pdf_new').click(function(){
    var html=$(".wrap_all").html();
    doc.fromHTML(html,200,200, {
        'width': 500,
    });
    doc.save("Test.pdf");
});

在HTML中我有这样的代码:

<div class = 'wrap_all'>
    <div id = 'wrap_odd'> <div id = ''>....</div> </div>

    <div id = 'wrap_even'> <div id = ''>....</div> </div>
</div>

什么都行不通......控制台回到我身边:

无法读取#wrap_odd未定义的属性"

(PS对不起我的英文)

Answer 1

当使用'fromHTML'从您正在使用JSPDF创建的PDF中获取HTML文本时,您应该有一个elementHandler函数来呈现不需要的<div>.

尝试遵循JSPDF @ GitHub 示例中显示的相同patern.

您的结束代码应如下所示:

var doc = new jsPDF();

    var specialElementHandlers = {
      'DIV to be rendered out': function(element, renderer){
       return true;
    }
    };


    $('#pdf_new').click(function(){
      var html=$(".wrap_all").html();
         doc.fromHTML(html,200,200, {
            'width': 500,
            'elementHandlers': specialElementHandlers
         });
      doc.save("Test.pdf");
    });