小编Ruh*_*hah的帖子

jsPDF 和不同的设备

我正在利用 jsPDF 从我的发票生成网络应用程序生成 PDF。虽然生成的 PDF 适用于我的 17 英寸设备。在其他设备上生成的 pdf 通常以一种或另一种方式裁剪。

所以我想知道,是否有一种方法可以让我在不依赖于设备屏幕尺寸的情况下生成 PDF。

我一直试图让它独立于分辨率,但似乎没有任何效果。在此配置中,pdf 在我的设备上生成得很好,但在其他较小的设备(如 13 英寸 mac )上生成。但即使使用相同尺寸的设备,固有的显示分辨率似乎也会产生一些问题。

//Javascript Function that calls and downloads PDF
  document.getElementById('print-invoice-sectionP').style.width = '1300px';
  document.getElementById('pInvoiceContent').style.paddingTop = '145px';

  var doc = new jsPDF('l', 'pt', 'letter');

doc.addHTML(document.getElementById("print-invoice-sectionP"),function() {
    	doc.save(''+fInvoiceId+'.pdf');
});
Run Code Online (Sandbox Code Playgroud)
HTML Code
<section id="print-invoice-sectionP" class="nodisplay mdl-grid" style="background: #fff; min-width: 1300px; min-height: 850px;  ">

    <div style="background: url('roshni.png'); background-size: cover; background-repeat: no-repeat; min-width: 1300px; min-height: 850px; "> 

      <div class="mdl-grid mdl-card__supporting-text pText" id="pInvoiceContent" style="color: #000;  min-width: 1300px;  ">
        
        <div style="width: 36%; …
Run Code Online (Sandbox Code Playgroud)

html javascript pdf jspdf

5
推荐指数
1
解决办法
2095
查看次数

标签 统计

html ×1

javascript ×1

jspdf ×1

pdf ×1