jsPDF：addHTML方法不起作用

Question

我创建了html表，并尝试使用jsPDF生成pdf。

我使用了以下代码：

var pdf = new jsPDF('p','pt','a4');  
pdf.addHTML(document.getElementById('pdfTable'),function() {
  console.log('pdf generated');
});
pdf.save('pdfTable.pdf');

我得到空白的pdf文件。 我做错什么了吗？

这是一个小问题。

具有addHTML功能的jsPDF的工作演示 。

Answer 1

为此实现了工作的插件 ：更新：我已经更新了插件，并使其与addHTML()函数一起工作：

var pdf = new jsPDF('p','pt','a4');
//var source = document.getElementById('table-container').innerHTML;
console.log(document.getElementById('table-container'));
var margins = {
   top: 25,
   bottom: 60,
   left: 20,
   width: 522
};
// all coords and widths are in jsPDF instance's declared units
// 'inches' in this case
pdf.text(20, 20, 'Hello world.');
pdf.addHTML(document.body, margins.top, margins.left, {}, function() {
   pdf.save('test.pdf');
});

您可以查看plunker了解更多详细信息。

Answer 2

在app.js中进行更改：

  pdf.addHTML(document.getElementById('pdfTable'),function() {
      });
  pdf.save('pdfTable.pdf');

为此：

pdf.addHTML(document.getElementById('pdfTable'),function() {
    pdf.save('pdfTable.pdf');
});

Answer 3

除了这些，我拿出了所有东西：

<script src="//mrrio.github.io/jsPDF/dist/jspdf.debug.js"></script>
<script src="//html2canvas.hertzen.com/build/html2canvas.js"></script>

然后我用这个：

  $(document).ready(function() {

        $("#pdfDiv").click(function() {

    var pdf = new jsPDF('p','pt','letter');

    var specialElementHandlers = {
    '#rentalListCan': function (element, renderer) {
        return true;
        }
    };

    pdf.addHTML($('#rentalListCan').first(), function() {
        pdf.save("rentals.pdf");
    });
    });
});

我可以打印表格...与chrome，safari或Firefox搭配看起来很棒，但是，如果表格很大，我只会得到第一页。

Answer 4

在app.js中更改：

  pdf.addHTML(document.getElementById('pdfTable'),function() {

  });
  pdf.save('pdfTable.pdf');

至

  pdf.addHTML(document.getElementById('pdfTable'),function() {
      pdf.save('pdfTable.pdf');
  });

如果看到黑色背景，则可以添加到sytle.css“ background-color：white;”。

Answer 5

而不是使用getElementById（），应使用querySelector（）

var pdf = new jsPDF('p','pt','a4');  
pdf.addHTML(document.querySelector('#pdfTable'), function () {
  console.log('pdf generated');
});

pdf.save('pdfTable.pdf');

Answer 6

我已经在你的矮子里测试过了 。

只需更新您的app.js

pdf.addHTML(document.getElementById('pdfTable'), function() {
      pdf.save('pdfTable.pdf');
});

更新您的css文件：

#pdfTable{
  background-color:#fff;
}