我們?cè)谏掀恼抡f(shuō)道jspdf是一個(gè)簡(jiǎn)單實(shí)現(xiàn)網(wǎng)頁(yè)內(nèi)容生成pdf的簡(jiǎn)單組件，能用來(lái)生成各種用途的 PDF 文檔，那么這個(gè)組件應(yīng)該如何應(yīng)用呢。

JSPDF的下載地址 http://mozilla.github.io/pdf.js/，這是gitthub的鏈接，里面默認(rèn)帶了一些demo可以供了解JSPDF的基本使用方法。

JSPDF需要在網(wǎng)頁(yè)中引入Jquery、JSPDF和html2canvas.js三個(gè)文件，html2canvas是用來(lái)將網(wǎng)頁(yè)畫成所需要的圖片形狀。

下面是我們網(wǎng)頁(yè)中使用的代碼，我們的代碼可以實(shí)現(xiàn)點(diǎn)擊來(lái)下載PDF文件。

①位置標(biāo)注的是需要點(diǎn)擊那個(gè)元素來(lái)下載PDF文檔，此處可以任意修改，也可以修改為直接打開(kāi)非下載方式。

②位置標(biāo)注的是我們將那部分內(nèi)容生成PDF文檔，可以為其中一個(gè)元素，也可以為整個(gè)頁(yè)面，比如填寫為body即可將整個(gè)頁(yè)面保存為PDF文檔，我們的代碼只是將查詢的證書部分保存為PDF文檔，將頂部的導(dǎo)航和底部的版權(quán)信息去掉，這個(gè)地方可以根據(jù)實(shí)際需求進(jìn)行修改。

③位置標(biāo)注處為頁(yè)面生成的名稱，即下載文件的默認(rèn)名稱，可以根據(jù)實(shí)際情況進(jìn)行修改。

其余地方均有注釋作為詳解，此版代碼可以修改生成pdf的高度寬度及頁(yè)面偏移，也可以根據(jù)自己實(shí)際需求在下載的時(shí)候?qū)⑸傻腜DF文檔增加水印或者加蓋公章均可實(shí)現(xiàn)。

JSPDF 是一個(gè)基于 HTML5 的客戶端解決方案，用于生成各種用途的 PDF 文檔，使用方法簡(jiǎn)單易用，