时间戳

首页 > 解决方案 > jspdf 不会将整个 html 页面返回为 pdf

javascript - jspdf 不会将整个 html 页面返回为 pdf

问题描述

在此处输入图像描述我正在尝试使用 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右侧有一个黑色补丁。请帮忙。在此处输入图像描述

标签： javascriptjspdf

解决方案

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

推荐阅读