截取html中某些元素的屏幕截图

本文关键字：元素 屏幕截图 html 截取 | 更新日期: 2023-09-27 18:09:43

所以我想知道，如果我有一个div，其中包含一些制造商渲染的谷歌地图的地图，我想采取该元素的照片，我怎么能做到这一点?我发现这个解决方案，这是什么我需要的方法，但问题是，发送一个url没有帮助我，我需要与所有的标记特定的Div。对于服务器端，我使用c#和客户端，asp.net与jquery。还有google maps apiV3来处理地图

截取html中某些元素的屏幕截图

看看Nihilogic Labs的Canvas2Image库:

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

下面是一个如何通过JavaScript截取元素屏幕截图的示例:

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

编辑

你也可以看看Html2Canvas和FlashCanvas。我相信其中一个支持早期的浏览器(那些不支持HTML5的浏览器)。

使用您提到的链接中的方法并将结果图像裁剪为div的尺寸。您可以在JavaScript中使用myDiv.getBoundingClientRect()来获取div的尺寸。

使用WebBrowser控件，您可以使用html或JavaScript操作文档，使页面处于您需要截图的状态。

您是否考虑过使用Google Maps静态API -这将呈现地图图像，上面有标记，作为PNG

相关文章：