使用jspdf庫將html文件轉換為pdf

Question

我正在嘗試使用jsPDF庫將html文件轉換為pdf。 但是在我實現的代碼中，整個圖像並未轉換為pdf。 它只有一半可見。 有人可以告訴我我哪里錯了嗎？

 var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); context.beginPath(); context.moveTo(0,0); context.lineTo(200,100); context.closePath(); context.strokeStyle = '#0000ff'; context.stroke(); download.addEventListener("click", function() { // only jpeg is supported by jsPDF var imgData = canvas.toDataURL("image/jpeg",1.0); var pdf = new jsPDF(); pdf.addImage(imgData, 'JPEG', 0, 0); var download = document.getElementById('download'); pdf.save("download.pdf"); }); 

 <script src="https://parall.ax/parallax/js/jspdf.js"></script> <canvas id="myCanvas" width="200" height="100" style="border:solid #0000ff;"> </canvas> <button id="download">download</button> 

Answer 1

我最近對將html轉換為pdf進行了一些研究。 我看了jsPDF，但它似乎更適合於將PDF文檔嵌入到html頁面中。

如果要將HTML頁面導出為PDF，則可能需要考慮https://github.com/fraserxu/electron-pdf ，這是我最終決定使用的。 Electron生成的輸出與Chrome中的“打印到pdf”功能一致。

注意：這是服務器端渲染解決方案。 如果必須在客戶端執行此操作，那么這不是正確的解決方案。