html2pdf錯誤的頁面大小和缺少的CSS

Question

我使用html2pdf（ https://github.com/eKoopmans/html2pdf ）將表單轉換為pdf onclick。 表單本身非常復雜，包含4頁css / js / html。 我只是想立即捕獲其中的一頁。

該插件可以執行我想要的操作，但是頁面大小錯誤並且缺少某些CSS。 在線表單的結尾如下： 第1頁結束

生成的pdf的結尾如下所示： 第1頁pdf的結尾

左邊和頂部的空白都可以，右邊和底部的位置不合適，並且整個文本在pdf上太大了。 也許像是使整個圖像尺寸更小的代碼將有助於使所有圖像重新回到一頁上，因為原始文本的文字也較小。 另外，如您所見，文本周圍的藍框丟失了。 我猜多數民眾贊成在CSS。

我的代碼如下所示：

 <script type="text/javascript" src="https://rawgit.com/eKoopmans/html2pdf/master/dist/html2pdf.bundle.min.js"></script> <script> function printPDF() { var element = document.getElementById('element-to-print'); html2pdf(element, { hmargin: -0.60, vmargin: 20, filename: 'myfile.pdf', image: { type: 'jpeg', quality: 0.98 }, html2canvas: { dpi: 192, letterRendering: true }, jsPDF: { unit: 'in', format: 'letter', orientation: 'portrait'} }); } </script> 

Answer 1

我認為您需要將此樣式包括在某處， overflow: 'linebreak',如果您處理表格，我也建議使用jspdf autotable