时间戳

首页 > 解决方案 > 使用javascript渲染的html2pdf问题

javascript - 使用javascript渲染的html2pdf问题

问题描述

我正在做这个项目，我想做一个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 网站看不到“Pregdled”

该怎么办？

标签： javascripthtmlcsspdfhtml2pdf

解决方案

我解决了这个问题。

解释：

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

例如：

就我而言

预定的

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

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

推荐阅读