Javascript 无法使用jsPDF将HTML转换为PDF
我可以使用jsPDF下载PDF,但下载的PDF是纯文本,不包括网站中应用的样式 我无法将网站中的样式或格式转换为可下载的PDF 以下是我使用的jsPDF代码:Javascript 无法使用jsPDF将HTML转换为PDF,javascript,pdf,jspdf,html-to-pdf,Javascript,Pdf,Jspdf,Html To Pdf,我可以使用jsPDF下载PDF,但下载的PDF是纯文本,不包括网站中应用的样式 我无法将网站中的样式或格式转换为可下载的PDF 以下是我使用的jsPDF代码: <button type="button" onclick="convert()" class="pda-button"><i class="save-icon sprite"></i> Save</button> <div id="content"&
<button type="button" onclick="convert()" class="pda-button"><i class="save-icon sprite"></i> Save</button>
<div id="content">
//content goes
</div>
<div id="elementH"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://demos.codexworld.com/includes/js/bootstrap.js"></script>
<script src="http://demos.codexworld.com/3rd-party/jsPDF/dist/jspdf.min.js"></script>
<script>
function convert() {
var doc = new jsPDF();
var elementHTML = $('#content').html();
var specialElementHandlers = {
'#elementH': function (element, renderer) {
return true;
}
};
doc.fromHTML(elementHTML, 15, 15, {
'width': 170,
'elementHandlers': specialElementHandlers
});
// Save the PDF
doc.save('sample-document.pdf');
}
</script>
保存
//内容
函数转换(){
var doc=new jsPDF();
var elementHTML=$('#content').html();
变量specialElementHandlers={
“#elementH”:函数(元素、渲染器){
返回true;
}
};
doc.fromHTML(elementHTML,15,15{
“宽度”:170,
“elementHandlers”:specialElementHandlers
});
//保存PDF
doc.save('sample-document.pdf');
}
以下是我整合上述代码并希望转换为PDF的网站链接:
当我点击网站左上角的“保存”按钮下载PDF时,会生成并下载PDF,但它是一个没有样式的纯文本PDF
请不要在没有解释投票原因的情况下否决该帖子。您需要为方法doc.fromHTML提供回调函数
doc.fromHTML(elementHTML, 15, 15, {
'width': 170,
'elementHandlers': specialElementHandlers
}, function cb() {} );
cb()将告诉您pdf已准备好