捕获页面上特定区域的屏幕截图

Question

所以，我试图在我的页面中捕获一个DIV作为图像，这样我就可以保存它们然后将它们嵌在一边，而不是调用Google Maps API。

阅读它，我看到有一个用于静态图像的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/

事实证明，在带有Inspect元素工具的Firefox中，您可以选择页面上的任何元素，然后右键单击以从菜单中选择一个＆＃34;屏幕截图节点＆＃34;这样可以保存该区域的屏幕截图。一点一点的工作，一个接一个地做，但是一个简单易用的解决方案。