以下代碼可以直接使用!!!
親測有效
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
<script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script>
</head>
<body>
<div class="right-aside" id="pdfDom" class="right-aside">
測試文字的啦
</div>
<span onclick="makeMpdf()">下載</span>
<script>
function makeMpdf () {
if(confirm("您確認下載該PDF文件嗎?")){
var pdf = new jsPDF('p','pt','a4');
// 設置打印比例 越大打印越小
pdf.internal.scaleFactor = 1;
var options = {
pagesplit: true, //設置是否自動分頁
"background": '#FFFFFF' //如果導出的pdf爲黑色背景,需要將導出的html模塊內容背景 設置成白色。
};
var printHtml = $('#pdfDom').get(0); // 頁面某一個div裏面的內容,通過id獲取div內容
pdf.addHTML(printHtml,15, 15, options,function() {
pdf.save('目標.pdf');
});
}
}
</script>
</body>
</html>