jsPDF输出空白文档答案

【问题标题】：jsPDF outputs blank documentjsPDF输出空白文档
【发布时间】：2016-08-15 23:14:08
【问题描述】：

我正在使用 jsPDF 将页面上 div 的输出保存到 PDF

到目前为止我的代码是：

function makepdf() {

var doc = new jsPDF();
var html=jQuery('.js-requester-info').html();
alert (html);
doc.fromHTML(html , 15, 15, {
    'width': 800
});

     doc.save('test');
}

代码有效，但生成的 PDF 文件始终为空白。我添加了一个“调试”行和

alert (html);

从div中输出一些html代码，但是为什么pdf总是空的呢？

更新：我添加了一些延迟（我发现有人谈论渲染延迟），现在它正在工作：

setTimeout(function(){
doc.save('test');
},2000);

【问题讨论】：

看起来像添加一些超时使它工作....
有趣，这篇文章解决了我的问题。知道为什么需要添加超时吗？为什么它没有包含在文档中？
也尝试添加 timeOut，但仅适用于最后一页。前几页显示空白:(

标签： javascript pdf jspdf

【解决方案1】：

您可以添加回调选项

let doc = new JsPDF({ orientation: 'p', format: 'a4' })
console.log(document.getElementById('offer').innerHTML)
doc.fromHTML(document.getElementById('offer').innerHTML, 1, 1, {
  elementHandlers: function() {
    return true
  }
}, function() {
  doc.save('test')
})

【讨论】：