С помощью JavaScript cохранить изображение на компьютере

[OmegaBerkut]

Здравствуйте.
Задача такова: есть определённый компонент DOM'a (обнаруженный по XPath, CSS, ClassName или ID - не важно). Заведомо известно, что это элемент img, и у сего компонента есть атрибут src.
Нужно сохранить имеющееся изображение на локальный компьютер в какой нибудь условный путь D:\Images\saving.jpg . Так же заведомо известно, что картинка с сайта поставляется именно в этом формате.

Дальше подробности задачи.

Изначально, мне из элемента с картинкой нужно получить собственно файл картинки, на которой (картинке) изображена капча. Этот файл в дальнейшем держит курс на anti-captcha.com при помощи JSON.
Всё это происходит в моём боте, написанном на C# с использованием Selenium ChromeDriver.
Вот такой вот супчик получился.

Объект ChromeDriver предоставляет возможность сделать скриншот видимой рабочей области окна браузера, но проделать тоже самое с отдельно взятым компонентом возможности нет (гуглил).
Первое что мне пришло в голову - сделать полный скриншот, и по имеющимся координатам компонента вырезать нужную мне область. Но и тут я столкнулся с тем, что скрин у меня только из видимой области, а координаты компонента относительно нуля рабочей области. Компонент с капчей находится почти в самом низу страницы, следовательно, при попытке получить картинку капчи я получаю исключение "переполнение памяти", что на деле означает то, что нужная мне область находится за пределами изображения.

Пока что привязался к нижнему краю страницы, и на 705 пикселе по высоте начинается нужная мне область. Остальные параметры не имеют такой жёсткой привязки. Условно работает, но и тут без JS я не обошёлся:

driver.ExecuteScript("$('body, html').scrollTop($(document).height());"); // скролл в низ страницы

У такого подхода наблюдаются явные проблемы уже на моём втором мониторе. И это в принципе очевидно было изначально.
Вот я и пришёл сюда узнать, как при помощи того же driver.ExecuteScript выполнить сохранение картинки на компьютер.
Вариант вытянуть картинку прямо из программы (вне ChromeDriver) не рассматривается, ибо по одному и тому же src в разных местах и в разное время я получаю разную капчу (при этом src меняется при каждом обновлении страницы).
Есть ещё вариант попробовать на антикапчу отправлять полный скрин без вырезки, но думаю меня не поймут.

[Alex11223]

function getImgBase64String(img)
{
    var cnv = document.createElement('CANVAS');
    var ctx = cnv.getContext('2d');
    ctx.drawImage(img, 0, 0);
    return cnv.toDataURL();
}

[OmegaBerkut]

Alex11223, куда здесь указывать путь сохранения файла ?
И я не могу понять, где здесь указывать элемент DOM.

[Alex11223]

Никуда, оно base64 вернет.
img это элемент. В Селениуме можно передать в ExecuteScript

[OmegaBerkut]

Сообщение от Alex11223

Никуда, оно base64 вернет

И что мне потом с этим base64 делать ? =)
Мне просто нужно в итоге получить файлик возле моего exe-шника ...

UPD: пошёл погуглил, увидел "политику безопасности JS" - типа не имеет доступа к дисковым ресурсам клиента. В принципе, имеет место быть.
Тогда проблема сохранения картинки остаётся открытой. Во всяком случае как делать это наиболее "правильно" и "уверенно" без привязки к другим программным и аппаратным средствам.

Может как то можно в JS организовать массив байтов, и вытянуть его при выполнении driver.ExecuteScript ?
Если с первым пунктом проблем быть не должно, то вот со вторым всё равно вопрос ... Пока что я умею только отправлять данные в JS; как их вытянуть оттуда - большой вопрос.

[Alex11223]

Сообщение от OmegaBerkut

И что мне потом с этим base64 делать ?

Погуглить что это и конвертировать стандартным методом .NET

[OmegaBerkut]

Сообщение от Alex11223

Погуглить что это и конвертировать стандартным методом .NET

Хех ... Этот base64 будет находиться в пределах скрипта. Как его оттуда вытащить в среду .NET ?

Просто сложно гуглить связки различных технологий, в данном случае .NET C# + Selenium WebDriver + JavaScript.

UPD: может можно как то узнать, опять же - в среде C#, какая часть страницы по высоте в пикселях находится выше и/или ниже области видимости ...
Если упростить - то нужно лишь узнать высоту страницы (размеры); размер области видимости у меня есть в виде размеров скриншота. И тогда уже можно будет учесть смещение правильно, а не 705.

[Alex11223]

 string base64 = (string) WebDriver.ExecuteScript

[OmegaBerkut]

Alex11223, хорошо ... А как ранее приведённый вами код выполняет возврат именно нужного результата ?
Ещё раз: гуглить связки, особенно на подобных мелочах - довольно сложно. Везде "общие" решения, либо решения, которые не подходят по тем или иным причинам.

[OmegaBerkut]

Нагуглил что ExecuteScript умеет возвращать различные данные различных типов, и что выполняется анонимная функция; то есть - return data; в скрипте вернёт мне эти самые данные куда мне нужно.
Мою задачу пока что решил так:

object pageHeight_Obj=driver.ExecuteScript(@"
$('body, html').scrollTop($(document).height()); // проскроллить вниз
return document.body.scrollHeight;"); // получить высоту страницы
int pageHeight=Convert.ToInt32(pageHeight_Obj); // получить число вместо объекта

Дальше вместо 705 поставил

elem.Location.Y-pageHeight+fullImage.Height

(fullImage это полный скриншот - скриншот области видимости окна браузера)
Вроде как даже работает, и вроде как даже правильно. Уже лучше, но всё равно, привязка к краю области видимости ... Не комильфо.
Пошёл курить base64.