在html中截取一些元素的屏幕截图

Question

所以我想知道，如果我有一个div，其中包含一些制作者渲染的谷歌地图的地图，我想拍一张该元素的图片我该怎么做？。我发现this solutions它是一个我需要的方法，但问题是发送网址对我没有帮助，我需要具有所有标记的特定Div。对于服务器端我使用C＃而对于客户端，asp.net使用jquery。此外，谷歌地图apiV3处理地图

Answer 1

看看Nihilogic Labs的Canvas2Image库：

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

以下是如何通过JavaScript截取元素截图的示例：

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

修改

您也可以查看Html2Canvas和FlashCanvas。我相信其中一个支持早期的浏览器（那些不支持HTML5的浏览器）。

Answer 2

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

使用WebBrowser control，您可以使用html或JavaScript操作文档，使页面处于截屏所需的状态。

Answer 3

您是否考虑过使用Google Maps Static API - 这会将地图上的标记呈现为PNG。