Кукловод: Как применить тот же фон для нижнего колонтитула на странице PDF?

Question

Я создаю 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

Нижнего поля в 30px недостаточно, когда я проверяю ваш options объект. Я использовал 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
    });

даст следующий результат ...