3

PDFKit を使用して四角形の上にテキストをレンダリングすることは可能ですか? ハックを使用して、長方形を不透明で塗りつぶすことは可能かもしれませんが、そのように使用したくありません。私のテキストは長方形で隠されています(長方形を異なる色で交互に並べてテーブルを作成しています)。

アップデート

テキストが長方形と同じ色であることがわかったので、おそらくそれが表示されません。しかし、なぜ ?

 var doc = new PDFDocument({
    size: 'A4',
    margin: 25
  });
  doc.fontSize(11);
  doc.lineWidth(0.5);

  const projects = Projects.find().fetch();

  const rectXOffset = 25;
  const rectYOffset = 25;
  let rectPosition = 25;

  let counter = 0;

  for (var project of projects) {


    if (counter % 2 == 0)
    {

     doc.rect(rectXOffset, rectPosition, doc.page.width - rectXOffset * 2, 25).fill("#ddd");

    }
    else
    {

      doc.rect(rectXOffset, rectPosition, doc.page.width - rectXOffset * 2, 25).fill("#c9c9c9");
    }

    rectPosition += rectYOffset;
    counter++;

    doc.text(project.projectName,100,100).fillColor("red");

  }


  doc.write(process.env.PWD + '/PDFKitExampleServerSide.pdf');
4

3 に答える 3