木偶：如何在pdf页面的页脚上应用相同的背景？

Question

我正在使用puppeteer创建pdf，并且需要添加页码。
我用

    const pdf = await page.pdf({
        format : 'Letter',  
        displayHeaderFooter : true,
        headerTemplate : '',
        footerTemplate : `<div class='footer' style='font-size:12px; text-align:right; color:white; background:black; -webkit-print-color-adjust:exact'>
  <span class='pageNumber'></span>/<span class='totalPages'></span>
</div>`,
        margin: {top: 40, bottom: 30}, 
        printBackground: true
        });

，但页脚和页眉均为白色。在页脚中，只有页码后面的小区域是黑色，但是当我保存文件时，它会返回白色。 甚至连右对齐也不起作用。
我需要页面右下角的页码，如何实现？谢谢

Answer 1

当我测试您的options对象时，30px的底边距不够。我使用了40px并显示了页脚。仅当模板width设置为100%时，对齐权才有效。结果是下面的代码...

const pdf = await page.pdf({
    format : "Letter",  
    displayHeaderFooter : true,
    headerTemplate : "",
    footerTemplate : "<div class='footer' style='width: 100%; font-size:12px; text-align:right; color:white; background:black; -webkit-print-color-adjust:exact'><span class='pageNumber'></span>/<span class='totalPages'></span></div>",
    margin: {top: "40", bottom: "40"}, 
    printBackground: true
    });

将产生以下结果...