截取 html 中某些元素的屏幕截图
所以我想知道，如果我有一个 div，其中包含由一些制作者渲染的谷歌地图的地图，并且我想拍摄该元素的照片，我该怎么做？我发现 此解决方案 这是我需要的方法，但问题是发送网址对我没有帮助，我需要具体的分区与所有标记。对于服务器端，我使用 C#，对于客户端，我使用带有 jquery 的 asp.net。还有谷歌地图 apiV3 来处理地图
So I was wondering, if I have a div which contains a maps of google maps rendered with some makers and I want to take a picture of that element how can I do this?.I found this solutions it's a approach of what I need but the problem it's that sending a url doesn't help me, I need the specific Div with all the markers. For the server side i'm using C# and for the cliente, asp.net with jquery. Also the google maps apiV3 to handle the maps
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
看一下 Nihilogic Labs 的
Canvas2Image库：http://www.nihilogic.com/canvas2image/ nihilogic.dk/labs/canvas2image/
以下是如何通过 JavaScript 截取元素的屏幕截图的示例：
编辑
您也可以看看
Html2Canvas和FlashCanvas也是如此。我相信其中之一支持早期的浏览器（那些不支持 HTML5 的浏览器）。Take a look at the
Canvas2Imagelibrary by Nihilogic Labs:http://www.nihilogic.dk/labs/canvas2image/
Here's an example of how to take a screenshot of an element through JavaScript:
EDIT
You might also take a look at
Html2CanvasandFlashCanvastoo. I believe one of them has support for earlier browsers (those which don't support HTML5).使用您提到的链接中的方法并将生成的图像裁剪为 div 的尺寸。您可以在 JavaScript 中使用
myDiv.getBoundingClientRect()来获取 div 的尺寸。使用 WebBrowser 控件，您可以操作使用 html 或 JavaScript 编写文档，使页面处于您需要截取屏幕截图的状态。
Use the method in the link you mentioned and crop the resulting image to the dimensions of your div. You can use
myDiv.getBoundingClientRect()in JavaScript to get the dimensions of your div.Using the WebBrowser control, you can manipulate the document using html or JavaScript to get the page in the state you need to take your screenshot.
您是否考虑过使用 Google Maps Static API - 这将呈现地图图像，上面有标记，PNG 格式。
Have you considered using the Google Maps Static API - this will render a map image, with markers on it, as a PNG.