【问题标题】：Problem with html2pdf using javascript rendering <h1> elements putting on wrong place使用 javascript 渲染 <h1> 元素放置错误位置的 html2pdf 问题
【发布时间】：2021-01-16 21:33:41
【问题描述】：

我正在做这个项目，我想做一个 pdf 导出。问题可能在于缩放，我真的需要帮助。

下面是来自html的图片和问题。在html图片上你可以看到它的组织和漂亮但是当html2pdf呈现它并设置它自己的比例时它变得不可读并且无颗粒。

JS函数：

     function pdf() {
      
       var element = document.getElementById('hello');
        var opt = {
          margin:       1,
          filename:     'myfile.pdf',
          image:        { type: 'jpeg', quality: 0.98 },
          html2canvas:  { scale: 2 },
          jsPDF:        { unit: 'in', format: 'letter', orientation: 'portrait' }
        }; html2pdf().set(opt).from(element).save(); }

我需要它是 a4 格式的，它不会在下面产生这些问题：

html 的样子：

html site

出现的问题：

"Pregdled" cant be seen from html site

怎么办？

【问题讨论】：

标签： javascript html css pdf html2pdf

【解决方案1】：

我解决了这个问题。

说明：

当 html2pdf 呈现 html 网站时，最好的呈现方式是将宽度设置为百分比 (%)

例如：

在我的例子中

Pregled

有 css width: 80vw; 所以我把它改成了 width: 100%;

希望有人觉得这很有用:)

【讨论】：