Снимок экрана с определенной областью на странице

Question

Итак, я пытался запечатлеть DIV на своей странице в виде изображения, чтобы я мог сохранить их, а затем вставить их на стороне вместо вызовов API Карт Google.

Читая об этом,Я видел, что есть Google Map API для статических изображений.При этом появляется несколько проблем, во-первых, мы ограничены размером изображения, которое мы можем получить (что не будет такой большой проблемой), но также другая проблема заключается в том, что спутниковые изображения, которые вы получаете с помощью этого API, отличаются отте, которые используют Google Maps API.(Мне больше нравится внешний вид сверху)

Вот пример с обоими случаями.http://alt245.com/sample/

Я хотел бы знать, есть ли способ захватить первый div и сохранить его как изображение.

Я пробовал html2canvas, но если я не сделал что-то не так, он просто захватывает пустой div без чего-либо.

Большое спасибо за помощь.

Answer 1

Проведя еще несколько исследований в Интернете, я нашел это решение:

https://winaero.com/blog/take-a-screenshot-of-a-specific-web-page-element-in-firefox/

Оказывается, что в Firefox с инструментами проверки элементов вы можете выбрать любой элемент на странице, а затемщелкните правой кнопкой мыши, чтобы выбрать из меню «Узел скриншота», который сохраняет скриншот области.Немного больше работы, выполнение по одному, но хорошее и простое решение.