[英]Exporting HTML div content as pdf with button click
我想將選定的div導出為PDF。 該div包含文本,圖像和一些圖表。
<div id="newdiv">
<img src="http://imgsv.imaging.nikon.com/lineup/lens/zoom/normalzoom/af-s_dx_18-140mmf_35-56g_ed_vr/img/sample/sample1_l.jpg" height="200px" width="200px">
<p>A Paragraph A Paragraph A Paragraph A Paragraph</p>
</div>
<button type="button">click</button>
具有所有CSS屬性
您將需要一個插件,例如:
我將引用這個很棒的JSFiddle向您展示如何完成它。 下面,我將過去從這個小提琴中引用的代碼過去。
//HTML
<div id="content">
<h3>Hello, this is a H3 tag</h3>
<p>a pararaph</p>
</div>
<div id="editor"></div>
<button id="cmd">generate PDF</button>
//jQuery
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');
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.