为什么我的木偶屏幕截图模糊了主要的蓬勃发展图表，但对于其他网页元素来说是敏锐的？ 我在node.js脚本中使用Puppeteer捕获蓬勃发展的工作室酒吧图表竞赛的高质量屏幕截图。但是，尽管大多数网页显得清晰清晰，但主条形图竞赛

Question

问题：

屏幕截图中的主要图表动画看起来模糊。 page其余部分（UI，文本，按钮等）很清晰，并且 高质量

我已经设置了设备表面量：3，它应该提高质量。

可能的原因和问题：

• 在iframe内部的繁荣图表会影响质量吗？
• 我需要在iframe内提高渲染质量 拍摄屏幕截图？

有一种方法可以强制木偶内部呈现更高的DPI或SVG渲染吗？

有关如何修复此问题并捕获条形图竞赛的尖锐而高质量的屏幕截图的任何建议？

我通过选择
• body
而不是使用
• fullPage

const elem = await page.waitForSelector('body')

await elem.screenshot({
  type: 'png',
  path: screenshotPath,
  omitBackground: true
})

Answer 1