снимать скриншот какого-то элемента в HTML

Question

Так что мне было интересно, если у меня есть div, который содержит карты Google Maps, сделанные с некоторыми создателями, и я хочу сфотографировать этот элемент, как я могу это сделать?* это подход того, что мне нужно, но проблема в том, что отправка URL не помогает мне, мне нужен конкретный Div со всеми маркерами.Для серверной части я использую C #, а для клиентов - asp.net с jquery.Также Google Maps apiV3 для обработки карт

Answer 1

Взгляните на библиотеку Canvas2Image от Nihilogic Labs:

http://www.nihilogic.dk/labs/canvas2image/

Вот пример того, как сделать снимок экрана элемента с помощью JavaScript:

var oCanvas = document.getElementById("thecanvas");    
Canvas2Image.saveAsPNG(oCanvas);

EDIT

Вы также можете взглянуть на Html2Canvas и FlashCanvas. Я считаю, что один из них поддерживает более ранние браузеры (те, которые не поддерживают HTML5).

Answer 2

Используйте метод в ссылке, которую вы упомянули, и обрежьте полученное изображение до размеров вашего div.Вы можете использовать myDiv.getBoundingClientRect() в JavaScript, чтобы получить размеры вашего div.

Используя элемент управления WebBrowser , вы можете манипулировать документом с помощью html или JavaScript, чтобы получить страницу в том состоянии, в котором вы находитесь.нужно сделать свой скриншот.

Answer 3

Рассматривали ли вы использование Статического API Карт Google - при этом изображение карты с маркерами будет отображаться в формате PNG.