css 使用JavaScript的html2pdf呈现< h1>元素放置在错误位置时出现问题

nfg76nw0  于 2023-02-01  发布在  Java
关注(0)|答案(2)|浏览(155)

我一直在这个项目上工作,我想做一个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
怎么办?

lmvvr0a8

lmvvr0a81#

我解决了问题。

    • 说明:**

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

    • 例如:**

就我而言

预浸

具有**css宽度:80vw;所以我把它改成了宽度:100%;
希望有人觉得这个有用:)

mdfafbf1

mdfafbf12#

当使用addfont在html 2 pdf中设置h1样式时,我收到错误“TCPDF错误:无法包含字体定义文件:机器人实验室”。
我找到的解决方法是使用p。
另外,要添加字体,使用https://www.xml-convert.com/ttftopdf转换,然后上传所有三个文件(z,afm,php)到任何你想在css中引用的地方。
浏览器名称('robotoslabbold',','字体/机器人标签. php ')

相关问题