Самый простой способ сделать это — добавить на страницу дополнительный элемент, представляющий собой водяной знак при создании PDF-файла. Поскольку вы можете изменить страницу любым удобным для вас способом, вы можете добавить на страницу элемент «Водяной знак» следующим образом:
await page.evaluate(() => {
const div = document.createElement('div');
div.innerHTML = 'Watermark Text...';
div.style.cssText = "position: fixed; bottom: 10px; right: 10px; background: red; z-index: 10000";
document.body.appendChild(div);
});
await page.pdf(/* ... */);
Код добавляет фиксированный элемент в правый нижний угол страницы. При печати он будет отображаться на каждой печатной странице. Вы можете использовать любые стили CSS для оформления водяного знака. Просто убедитесь, что у него высокое значение z-index
, чтобы ничего не перекрывало его.
Я попробовал это решение с помощью Puppeteer для многостраничного PDF-файла, но получил водяной знак только на последней странице. Не знаете, что здесь не так или это ожидаемое поведение page.evaluate()?