截屏在Javascript中指定元素

Question

我想在我的本地网站上保存 1 张图片。 我将研究所有互联网，我发现几乎是 C# 和 Java 代码，但我无法将其转换为 Javascrip。

几乎使用Point示例， IO库在 javascript 中不可用。 我还在Stackoverflow 中的 nodejs 中搜索代码。 我已经测试过了，但它对我不起作用。

目前，我的代码可以Takescreenshot所有网页，但我希望它捕获带有 id 的图像。 这是代码：

driver.findElement(webdriver.By.xpath('//img[@id="c_pages_Image"]'))
 .then(function(){
    driver.takeScreenshot("c:\\selenium_local_map\\out1.png");
});

driver.takeScreenshot().then(function(data){
   var base64Data = data.replace(/^data:image\/png;base64,/,"")
   fs.writeFile("out.png", base64Data, 'base64', function(err) {
        if(err) console.log(err);
   });
});

Answer 1

let imageElement = await driver.wait(until.elementLocated(By.xpath('//img')), 5000) // returns image element
let screenshot = await imageElement.takeScreenshot(false) // takes screenshot of image element

fs.writeFileSync('\path\to\target\file', screenshot, 'base64')