d3.js - Puppeteer 拍摄 SVG 的模糊截图

Question

我正在通过browsershot使用 puppeteer 来截取 D3 SVG 图的屏幕截图。虽然在本地 URL 上预览时图表看起来非常好，但一旦我用 puppeteer 对其进行截图，它看起来就不像以前那么清晰了。

手动截屏（清晰）：

Puppeteer 截图（模糊）：

我正在使用 Browsershot 运行以下代码。它是 puppeteer 的包装。

// take a screenshot and save it as a file for now
Browsershot::url('http://dev.project.com/' . $insight->slug . '/chart')
    ->windowSize(1200, 600)
    ->waitUntilNetworkIdle()
    ->setDelay(10000)
    ->save($temp_file_path);

我试过调整视口和屏幕截图的大小——总是一样的。也许有人知道我可以尝试/看看什么？

干杯!

Answer 1

Browsershot 有一个选项 image quality。

Browsershot::url('https://example.com')
    ->setScreenshotType('jpeg', 100)
    ->save($pathToImage);