PDFKit - текст над прямоугольником

Question

Можно ли визуализировать текст над прямоугольником с помощью PDFKit. Возможно, можно использовать хак, чтобы заполнить прямоугольник непрозрачностью, но я не хочу использовать его таким образом. Мой текст скрыт прямоугольником (я создаю таблицу чередующимися прямоугольниками с разными цветами).

UPDATE

Я понял, что текст как-то такой же цвет, как прямоугольники, то есть, вероятно, почему я не вижу его. Но почему ?

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'); 

Answer 1

пришли сюда, чтобы искать ответ на подобный вопрос ... Я думаю, что я понял это.

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) { 

//here 
doc.save 

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++; 

//and here 
doc.restore 

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

} 


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