使用javascript将HTML页面中的div下载为pdf
问题描述：
我有一个id为content的内容div。在内容div中我有一些图表和一些表格。我想在用户点击下载按钮时将该div下载为pdf。有没有办法使用javascript或jQuery？
I have a content div with the id as "content". In the content div I have some graphs and some tables. I want to download that div as a pdf when user click on download button. Is there a way to do that using javascript or jQuery?
答
你可以使用 jsPDF
HTML：
<div id="content">
<h3>Hello, this is a H3 tag</h3>
<p>A paragraph</p>
</div>
<div id="editor"></div>
<button id="cmd">generate PDF</button>
JavaScript：
var doc = new jsPDF();
var specialElementHandlers = {
'#editor': function (element, renderer) {
return true;
}
};
$('#cmd').click(function () {
doc.fromHTML($('#content').html(), 15, 15, {
'width': 170,
'elementHandlers': specialElementHandlers
});
doc.save('sample-file.pdf');
});