使用 Hummus.js 写入多个空白页

Question

我有一个很长的列，例如正在写入页面左半部分（第 1 页）但溢出的内容，因此我需要创建第 2 页并完成将内容写入第 2 页，然后再返回第 1 页和写在右边。

我创建的代码允许我将页面（第 1 页和第 2 页）存储在一个数组中，并将上下文存储在一个数组中，以便我可以轻松地在我正在写入的上下文之间切换。

但是，我创建的新页面是空的，即使我正在写它们的上下文

这是当我准备好创建第 2 页并在其上编写测试语句时调用的函数。

function createNewPage(){
      //Note all these variables are global, and hence I don't need to reinitialize them 

      if(lastPageNumber === 0 && currentPageNumber == 0){
          currentPageNumber++;
      }
      else{
          lastPageNumber++;
          currentPageNumber++;
      }
      //create a new page and store it in my array
      pagesArray[currentPageNumber] = pdfWriter.createPage(0, 0, eiReportPageWidth, eiReportPageHeight); 

      // create a new context and store it in my other array
      cxtArray[currentPageNumber] = pdfWriter.startPageContentContext(pagesArray[currentPageNumber]);

      //select the context I want to write to
      cxt = cxtArray[currentPageNumber];

      //I try writing to this new context but nothing happens and I get back a blank page

      cxt.writeText("Hello", 50, 400, fontOptions);
}

//Now that all elements are in place, write to the page

pagesArray.forEach(page =>{
    pdfWriter.writePage(page);
})

Answer 1

解释：

第一：

您必须正确指定fontOption。我也希望如此。

var arialFont = pdfWriter.getFontForFile('./arial.ttf');
var fontOptions = {font:arialFont,size:14,colorspace:'gray',color:0x00};

第二：

如果，first 是完美的，那么问题就在这里。

if(lastPageNumber === 0 && currentPageNumber == 0){
  currentPageNumber++;
}
else{
  lastPageNumber++;
  currentPageNumber++;
}

您正在维护一个数组pagesArray[currentPageNumber]，并且一个数组以0 开头。但是currentPageNumber == 0时你总是加1。

所以你的 pagesArray 看起来：

[
  <1 empty item>,
  PDFPage {
    rotate: undefined,
    artBox: undefined,
    trimBox: undefined,
    bleedBox: undefined,
    cropBox: undefined,
    mediaBox: [ 0, 0, 595, 842 ]
  }
]

所以，pdfWriter.writePage(page) 将无法在 <1 empty item> 上写字。

解决方案：

• 要么你已经有了第一页。 （但你没有）
• 假设您正在创建新的 PDF。您需要从0 开始。只需使用一些循环将 currentPageNumber 从 0 迭代到 lastPageNumber。

在此处查看工作演示 https://repl.it/@hrdk108/Hardik-Shah-hummus