⑴ 前端JS生成pdf的一次踩坑之行
通過html2canvas.js將頁面或DOM元素轉換為canvas畫布，再利用jspdf.js將canvas轉為PDF輸出，實現前端生成PDF合同。首要步驟是引入html2canvas.js和jspdf.js。html2canvas.js將頁面或選定的DOM元素渲染至canvas，而jspdf.js則負責將canvas中的內容轉換為PDF並輸出。值得注意的是，生成的canvas清晰度可能較差，需通過放大倍數優化，確保最終PDF的清晰度。
設計合同樣式時，需在HTML中復現所需格式。使用html2canvas()函數生成canvas，並將其轉換為base64格式。該函數默認清晰度不足，需進行放大處理，以提高輸出PDF的清晰度。
生成PDF的過程中，遍歷pageData數組，調用pdf.addImage()方法將每一頁的圖片逐個添加至PDF對象中。最後，通過pdf.save()方法完成PDF的輸出。
最終的PDF生成效果可通過示例圖片查看，若代碼或理解有困難，可私信詢問。對於HTML轉為PDF時可能遇到的表格顯示問題，推薦將表格邊框屬性設置為0，並在CSS中定義表格樣式，以確保輸出表格的完整性。
遇到分頁問題時，通常會導致內容被截斷。解決方法包括兩種，具體實現細節未詳述，但大致思路是調整分頁策略或優化內容布局，確保內容完整顯示。
提醒各位開發人員，在項目中處理PDF輸出時，注意頁面布局、元素顯示以及可能的兼容性問題。在實現過程中，可能會遇到各種坑，但通過細心排查和調整，總能找到解決之道。
感謝閱讀，我是@一隻有趣的程序猿 大友。如果有任何疑問或需要進一步的幫助，請隨時私信我。再次感謝大家的支持和關注，期待與您共同進步。