Puppeteer 保存的 PNG 不透明

Question

我正在使用 Puppeteer 来截屏一个带有 ID 名称的 HTML 元素。

HTML 元素是 with border-radius: 50px，我将 Puppeteer 设置为omitBackground: true.

Saved PNG 结果给了我一个白色背景，看起来它捕捉到了 BODY WHITE 背景。

puppeteer: v1.13.0

有任何想法吗？

Answer 1

如果页面有背景颜色，您想删除它，然后使用page.screenshotomitBackground: true选项：

await page.evaluate(() => document.body.style.background = 'transparent');
await page.screenshot({
    path: 'example.png',
    omitBackground: true,
});