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