我們在上篇文章說道jspdf是一個簡單實現網頁內容生成pdf的簡單組件,能用來生成各種用途的 PDF 文檔,那么這個組件應該如何應用呢。
JSPDF的下載地址 http://mozilla.github.io/pdf.js/,這是gitthub的鏈接,里面默認帶了一些demo可以供了解JSPDF的基本使用方法。
JSPDF需要在網頁中引入Jquery、JSPDF和html2canvas.js三個文件,html2canvas是用來將網頁畫成所需要的圖片形狀。
下面是我們網頁中使用的代碼,我們的代碼可以實現點擊來下載PDF文件。
①位置標注的是需要點擊那個元素來下載PDF文檔,此處可以任意修改,也可以修改為直接打開非下載方式。
②位置標注的是我們將那部分內容生成PDF文檔,可以為其中一個元素,也可以為整個頁面,比如填寫為body即可將整個頁面保存為PDF文檔,我們的代碼只是將查詢的證書部分保存為PDF文檔,將頂部的導航和底部的版權信息去掉,這個地方可以根據實際需求進行修改。

③位置標注處為頁面生成的名稱,即下載文件的默認名稱,可以根據實際情況進行修改。
其余地方均有注釋作為詳解,此版代碼可以修改生成pdf的高度寬度及頁面偏移,也可以根據自己實際需求在下載的時候將生成的PDF文檔增加水印或者加蓋公章均可實現。
JSPDF 是一個基于 HTML5 的客戶端解決方案,用于生成各種用途的 PDF 文檔,使用方法簡單易用,
下一篇: echarts圖表使用教程
關鍵詞:



