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