截屏在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')