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。

我的代码如下所示：

＆＃13;

<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>

＆＃13;

Answer 1

我认为您需要在某处包含此样式，overflow: 'linebreak', 如果您处理表格，我建议jspdf autotable以及

html2pdf页面大小错误，缺少css

1 个答案: