JSPDF -只是页面的一部分
提问于 2014-10-15 10:11:18
我正在尝试使用库jsPDF将DIV的内容导出到PDF中。
问题是，当我尝试导出div的内容时，我在pdf中看到的只是div实际内容的一部分，并且没有我想要导出的所有文档。
代码如下：
// Javascript
function pdf() {
var doc = new jsPDF('p', 'in', 'letter');
var specialElementHandlers = {
'#ricercaChat': function (element, renderer) {
return true;
}
};
doc.fromHTML($("#ricercaChat").html(), 15, 15, {
'width':170,
'elementHandlers': specialElementHandlers
});
doc.save('role.pdf');
}
//HTML
<a href="#" onclick="pdf()"><img src="immagini/pdf1.png"></a>
<div id="ricercaChat" width="100%">
...( html loaded with jQuery.load that is another page )</div>我尝试在下面的代码中修改函数：
var htmlall = document.getElementById('ricercaChat').innerHTML; // there is ALL the html content
doc.fromHTML(htmlall, 15, 15, { ...在这种模式下，pdf是完全空白的。
我该如何解决这个问题？非常感谢
回答 2
Stack Overflow用户
发布于 2014-11-07 12:44:27
问题出在这段代码上：
var specialElementHandlers = {
'#ricercaChat': function (element, renderer) {
return true;
}
};它所做的是，它告诉jsPDF在生成pdf时忽略"#ricercaChat“中的内容。因此你会得到一个空白的pdf。您可以在没有specialElementHandlers的情况下简单地生成：
doc.fromHTML($("#ricercaChat").html(), 15, 15);Stack Overflow用户
发布于 2014-10-15 10:33:03
试试这个(从html创建一个图像)：
// Javascript
function pdf() {
var canvas = document.getElementById('ricercaChat');
// save canvas image as data url (png format by default)
var dataURL = canvas.toDataURL();
var imgData = dataURL;
var doc = new jsPDF();
doc.addImage(imgData, 'JPEG', 15, 40);
doc.save('role.pdf');
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26379914
复制
相似问题
object.__init__()只带一个参数(初始化实例)
Kivy Error: object.__init__()在使用KivyMD时只接受一个参数(要初始化的实例)
object.__init__()只接受一个参数(要初始化的实例)
来自Python3的collections.namedtuple: TypeError: object.__init__()继承只带一个参数(要初始化的实例)
object.__init__()只接受一个参数(要初始化的实例)
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
