HTML代碼可以實現打印PDF功能。使用JavaScript編寫代碼,可以把當前網頁轉化成PDF文件并下載。下面是示例代碼:
<html> <head> <title>打印PDF示例</title> <script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js"></script> </head> <body> <h1>打印PDF示例</h1> <p>這是一個演示如何將當前網頁轉化成PDF文件的示例。</p> <button onclick="printPDF()">下載PDF文件</button> <script> function printPDF() { html2canvas(document.body).then(function(canvas) { var imgData = canvas.toDataURL('image/png'); var pdf = new jsPDF(); pdf.addImage(imgData, 'PNG', 0, 0); pdf.save('webpage.pdf'); }); } </script> </body> </html>在上述代碼中,我們引入了兩個JavaScript庫:html2canvas和jspdf。html2canvas可以把當前網頁轉化成Canvas對象,而jspdf則可以把Canvas對象轉化成PDF文件并下載。代碼中的printPDF函數就是將這兩個庫結合起來實現打印PDF功能的函數。 代碼里還有一個下載PDF文件的按鈕。當用戶點擊該按鈕時,它會調用printPDF函數,將當前網頁轉化成PDF文件并下載。用戶可以根據需要,自行更改上述代碼的樣式和文本內容。
上一篇html 彈出頁面設置
下一篇css3兼容低版本瀏覽器