javascript - html2pdf 错误的页面大小和缺少 css

Question

我正在使用 html2pdf ( https://github.com/eKoopmans/html2pdf ) 将表单转换为 pdf onclick。表单本身很复杂，包括4页css/js/html。我现在只想捕捉其中的一页。

该插件可以满足我的要求，但页面大小错误并且缺少一些 CSS。 在线表格的结尾如下所示: End of page 1

生成的pdf结尾是这样的: End of page 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