小编ane*_*der的帖子

jsPDF - 如何生成所有页面均为 A4 尺寸的 PDF

我正在使用jsPDF库下载PDFHTML div. 我想要尺寸PDFA4

我面临以下问题,

  1. 只有第一页似乎是 A4 尺寸,其他页面不是 A4 尺寸(较宽的页面)。
  2. 连第一页都像是A4大小的;它不适合容器(右侧的内容物从容器中切开)。
  3. 并且预期出现在第二页的内容并未生成PDF

下面是JS代码。

var HTML_Width = $("#cdpage").width();
var HTML_Height = $("#cdpage").height();
var top_left_margin = 15;
var PDF_Width = HTML_Width+(top_left_margin*2);
var PDF_Height = (PDF_Width*1.5)+(top_left_margin*2);
var canvas_image_width = HTML_Width;
var canvas_image_height = HTML_Height;
                 
var totalPDFPages = Math.ceil(HTML_Height/PDF_Height)-1;
               
html2canvas($("#cdpage")[0],{allowTaint:true}).then(function(canvas) {
  canvas.getContext('2d');
       
  var imgData = canvas.toDataURL("image/jpeg", 1.0);
  var pdf = new jsPDF("p", "pt", "a4");
  pdf.addImage(imgData, 'JPG', top_left_margin, top_left_margin,canvas_image_width,canvas_image_height);
       
  for (var i …
Run Code Online (Sandbox Code Playgroud)

html javascript pdf jspdf

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

html ×1

javascript ×1

jspdf ×1

pdf ×1