Кукловод сохранил PNG НЕ прозрачный - PullRequest
Новая
       27

Кукловод сохранил PNG НЕ прозрачный

2 голосов
/ 11 марта 2019

Я использую Puppeteer для захвата экрана HTML-элемента с идентификатором.

Элемент HTML с border-radius: 50px, и я установил Puppeteer с omitBackground: true.

Результат сохраненного PNG дал мне БЕЛЫЙ фон, похоже, что он захватил фон ТЕЛА БЕЛОГО.

puppeteer: v1.13.0

Есть идеи?

Ответы [ 2 ]

2 голосов
/ 11 марта 2019

Если у страницы есть цвет фона, вы хотите удалить его, а затем использовать omitBackground: true параметр page.screenshot : 

await page.evaluate(() => document.body.style.background = 'transparent');
await page.screenshot({
    path: 'example.png',
    omitBackground: true,
});
0 голосов
/ 11 марта 2019

То, что делает omitBackground: true, меняет цвет фона по умолчанию на прозрачный.Согласно документации :

Emulation.setDefaultBackgroundColorOverride Устанавливает или очищает переопределение цвета фона по умолчанию для рамки.Это переопределение используется, если в содержимом не указана единица.

Если в теле есть background-color: white;, setDefaultBackgroundColorOverride не изменит это.

...