jsPDF:fromHTML 与 addHTML
jsPDF: fromHTML vs addHTML
我正在尝试导出 html(在带有 ID 的 div 中),并且已经成功地使用 fromHTML() 做到了,但不幸的是它没有 read/use 任何 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() -(它是 运行 onclick)之前 - 我在 js 控制台中得到一个错误,因为图像不存在。现在,当我 运行 函数时,同样的错误再次出现,就像试图再次加载该图像一样。
这不起作用,因为我使用了 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'
一切正常。
我正在尝试导出 html(在带有 ID 的 div 中),并且已经成功地使用 fromHTML() 做到了,但不幸的是它没有 read/use 任何 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() -(它是 运行 onclick)之前 - 我在 js 控制台中得到一个错误,因为图像不存在。现在,当我 运行 函数时,同样的错误再次出现,就像试图再次加载该图像一样。
这不起作用,因为我使用了 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'
一切正常。