chromedp 包中的 FullScreenshot() 生成的屏幕截图太模糊，我该如何改进？

php小编柚子有一个关于chromedp包的问题需要解答。问题是关于使用FullScreenshot()生成的屏幕截图太模糊，需要改进的方法。在使用chromedp包时，生成的屏幕截图质量可能不如预期，这可能是由于一些配置或参数设置不正确导致的。下面将介绍一些可能的改进方法，帮助你得到更清晰的屏幕截图。

问题内容

如标题所示，这是结果和我的代码。顺便说一句，我用的是一台非常低端的机器。

func main() {

chromectx, _ := chromedp.newcontext(context.background())
emulation.setdevicemetricsoverride(1920, 1080, 1.0, false).do(chromectx)

var width, height int64
var b []byte
err := chromedp.run(chromectx,
chromedp.emulateviewport(10, 10),
chromedp.navigate(`the content of the file is in the code block below.html`),
chromedp.evaluateasdevtools(`document.documentelement.scrollwidth`, &width),
chromedp.emulateviewport(width, 10),
chromedp.evaluateasdevtools(`document.documentelement.scrollheight`, &height),
chromedp.emulateviewport(width, height),
chromedp.fullscreenshot(&b, 100),
)
if err != nil {
log.fatal(err)
}
err = ioutil.writefile("test.png", b, 0777)
if err != nil {
log.fatal(err)
}

}

登录后复制

# 123
123
$sin(x)=sum_{n=0}^{infty} frac{(-1)^n}{(2n+1)!}x^{2n+1} sin(x)=sum_{n=0}^{infty} frac{(-1)^n}{(2n+1)!}x^{2n+1} sin(x)=sum_{n=0}^{infty} frac{(-1)^n}{(2n+1)!}x^{2n+1} sin(x)=sum_{n=0}^{infty} frac{(-1)^n}{(2n+1)!}x^{2n+1}$

登录后复制

我想也许有一个 dpi 的设置？还是因为我的机器太弱了？不幸的是，我没有更多的资源来探索真相。所以请各位帮忙，怎样才能让截图更清晰？

解决方法

与您机器的配置无关。增加 devicescalefactor 将使图像看起来更好。请参阅下面的演示：

package main

import (
"context"
"log"
"os"

"github.com/chromedp/cdproto/emulation"
"github.com/chromedp/chromedp"
)

func main() {
ctx, cancel := chromedp.newcontext(context.background(), chromedp.withdebugf(log.printf))
defer cancel()

var width, height int64
var b []byte
err := chromedp.run(ctx,
chromedp.emulateviewport(10, 10),
chromedp.navigate(`the content of the file is in the code block below.html`),
chromedp.evaluateasdevtools(`document.documentelement.scrollwidth`, &width),
chromedp.actionfunc(func(ctx context.context) error {
return chromedp.emulateviewport(width, 10).do(ctx)
}),
chromedp.evaluateasdevtools(`document.documentelement.scrollheight`, &height),
chromedp.actionfunc(func(ctx context.context) error {
return chromedp.emulateviewport(width, height, func(sdmop *emulation.setdevicemetricsoverrideparams, steep *emulation.settouchemulationenabledparams) {
sdmop.devicescalefactor = 3
}).do(ctx)
}),
chromedp.fullscreenshot(&b, 100),
)
if err != nil {
log.fatal(err)
}
err = os.writefile("test.png", b, 0o777)
if err != nil {
log.fatal(err)
}
}

登录后复制

较大的 devicescalefactor 会产生较大的图像：

$ file *.png
7e9rfcQO.png: PNG image data, 797 x 144, 8-bit/color RGBA, non-interlaced
test.png: PNG image data, 2391 x 432, 8-bit/color RGBA, non-interlaced

登录后复制

其他注意事项：

以上就是chromedp 包中的 FullScreenshot() 生成的屏幕截图太模糊，我该如何改进？的详细内容，更多请关注每日运维网(www.mryunwei.com)其它相关文章！