jspdf 不会将整个 html 页面返回为 pdf答案

【问题标题】：jspdf doesn't return the entire html page to pdfjspdf 不会将整个 html 页面返回为 pdf
【发布时间】：2019-05-29 11:14:49
【问题描述】：

enter image description here我正在尝试使用 JSPDF 将 html 页面转换为 PDF。默认情况下，该页面在我的屏幕上以 65% 的分辨率呈现，在将其转换为 PDF 时，它会在右侧呈现带有黑条的 PDF生成的PDF。将屏幕尺寸解析为 100%，黑色条带的厚度增加。

JSPDF 方法应用于包含页面内容的整个 div。尝试固定内容和页面的宽度以调整屏幕内的内容。

var pdf = new jsPDF('p', 'pt','a4');
    pdf.page = 1;
    var totalPages=1;

    pdf.text("Report", 220, 22);// set your margins

    var str = "Page " + pdf.page  + " of " +  totalPages;
    pdf.setFontSize(9);// optional
    pdf.text(str, 250, pdf.internal.pageSize.height - 10);
    pdf.text("Confidential", 490, pdf.internal.pageSize.height - 10);
    pdf.internal.scaleFactor = 2.10;
    pdf.addHTML($('#reportTabContent')[0], 30, 30, {
        'height': 1750,
        'width': 1058, 
        background: '#fff', 
        pageSplit:'true'
      },function () {       
          pdf.save('Reports.pdf');
      });

我希望 HTML 页面是 PDF 格式的。但是jspdf正在创建html页面的pdf，在生成的pdf右侧有一个黑色补丁。请帮忙。enter image description here

【问题讨论】：

javascript 还是 java？
@barbsan 让我们同时标记它，只是为了安全...并惹恼 java 用户 ;)
@barbsan javascript

标签： javascript jspdf

【解决方案1】：

有时，问题来自应用于该 div 的 css 代码，而不是 jsPdf 的配置。你也可以分享你那个div的css代码吗？

【讨论】：

css 代码未应用于该 div，我正在共享应用于该 div 的 html 代码。
这就是我建议您调试代码的方式。删除呈现该图表的组件，该图表的 css 代码也可能影响 jsPDF 正确呈现。尝试检查问题出在哪里。

【解决方案2】：

删除该代码中的高度和宽度，并在该代码中拆分页面并点击一次该死的

【讨论】：