html 转换 pdf js插件,【jsPDF】jsPDF插件實現將html頁面轉換成PDF，並下載，支持分頁...

1、目的：在前段是 jQuery庫 或者 VUE庫 或者兩者混合庫，將html 頁面和數據 轉換成PDF格式並下載，支持分頁

1、項目背景：

對客戶報修記錄進行分類統計，並生成各種餅圖、柱狀圖、線性圖。並要求導出word，並打印。html里面內容是通過js刷新出來的，是動態的數據。

2、項目難點：

1)html導出到word，不太可能，頁面比較復雜，內容比較多，而且word不支持。

2)html頁面存在多個 echart圖表，根本無法導出。

3、折中方案

采用jspdf插件，將html頁面導出成pdf，在打印pdf。 效果不是特別理想，但是還過的去。

4、具體操作

1)下載jspdf插件，官網有。

2)html頁面引用兩個js文件 jspdf.debug.js 和 html2canvas.js (利用該插件將html頁面轉化成圖片，在插入到pdf中)

3)編寫一個js方法 即可實現 轉化pdf。並可以指定導出區域。

2、引入類庫包：

3、需要下載頁面內容，假設在一個DIV里面(vue2.0示例)：

@yield('search')

@yield('content')

導出PDF文件