首页 > 解决方案 > Puppeteer:无头 Chromium 中的屏幕截图导致块状渐变

问题描述

我有一个带有线性渐变的网页

background: linear-gradient(180deg, #7e7e7e 0%, #454545 100%);

当我用 PuppeteerSharp 截取 PNG 截图时,它看起来不错。

但是,如果我启用无头模式,渐变看起来真的很块状,好像在应用伽马校正时颜色精度会丢失,或者像 jpeg 压缩颜色量化......

我尝试传递--force-color-profile参数,这导致不同的颜色,但块仍然存在。

有谁知道如何使用渐变提高 Puppeteer 屏幕截图的质量?

标签: puppeteerchromiumgoogle-chrome-headlesswebpage-screenshotpuppeteer-sharp

解决方案


推荐阅读