时间戳

首页 > 解决方案 > jsPDF：fromHTML 与 addHTML

javascript - jsPDF：fromHTML 与 addHTML

问题描述

我正在尝试导出一个 html（在一个带有 ID 的 div 中），并设法使用 fromHTML() 来做到这一点，但不幸的是它没有读取/使用我拥有的任何 css。这就是说，我尝试使用 addHTML 函数，但是当我使用以下代码时似乎没有任何反应：

function pdfExport(id) {
    window.html2canvas = html2canvas;
    var dddoc = new jsPDF('p', 'px', 'a4');
    var elem_to_export = $("#cmodal-id-" + id)[0];

    dddoc.addHTML(document.body, function(){
        console.log('saving');
        dddoc.save('test.pdf');
    });
}

另外，请注意，我没有将任何内容打印到控制台中。不确定它是否值得：在我运行这个函数之前 pdfExport() - （它在点击时运行） - 我在 js 控制台中得到一个错误，因为所述图像不存在。现在，当我运行该函数时，再次出现相同的错误，就像尝试再次加载该图像一样。

标签： javascriptjspdfhtml2canvas

解决方案

这不起作用，因为我使用了 html2canvas 和 jsPDF 的最新版本。当我将它们更改为从以下位置加载时：

' https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js ', ' https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas .js '

一切正常。

推荐阅读