我有一个页面，我们使用CSS定位了一堆元素，并使用JS改变它们的“顶部和左侧”位置。
有人报告说这些东西已经错位了，但是用户有动机谎报信息以“作弊”，所以我不确定他们是否说实话。我正在尝试找到一种方法来确定他们是否在撒谎，并获得一些“证据”。
我知道Canvas有一种方法可以从图像元素或另一个画布元素（一种BitBlt操作）中复制图像信息。
是否可能使用Canvas（或其他任何东西，如Flash等）对页面的某个部分进行“截图”？
再次强调，我并不想从<image>中获取信息。我试图复制用户看到的内容，其中包括几个绝对定位的HTML元素（我最关心这些位置），并将其上传到服务器。
我知道这似乎无法实现，但也许我漏掉了什么。
有什么想法吗？
之前有人问了一个与这个问题有些相似的问题。 滚动到Youtube底部，点击“报告错误”链接。 Google的反馈工具（由Javascript驱动），基本上做了您描述的事情。 根据我查看的其代码，它使用画布和基于JavaScript的JPEG编码器构建一个JPG图像以发送给Google。
这肯定需要很多工作，但我相信你可以完成类似的操作。
设置非常简单，您只需复制并粘贴几行JavaScript代码即可。
SnapEngage使用Java Applet来截取屏幕截图，这里是一篇关于其如何工作的博客文章。
是的，您可以查看以下演示。在下面的代码中，我在body标签内定义了表格，但运行此代码时，它将显示图像快照。
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>test2</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
<script type="text/javascript" src="js/html2canvas.js?rev032"></script>
<script type="text/javascript">
$(document).ready(function() {
var target = $('body');
html2canvas(target, {
onrendered: function(canvas) {
var data = canvas.toDataURL();
alert(data);
document.body.innerHTML="<br/><br/><br/><br/><br/><br/><img src="+data+" />";
}
});
});
</script>
</head>
<body>
<h1>Testing</h1>
<h4>One column:</h4>
<table border="1">
<tr>
<td>100</td>
</tr>
</table>
</body>
html2canvas官方文档：- http://html2canvas.hertzen.com/
如果你无法从官方链接中找到html2canvas.js库，你也可以使用以下链接进行下载： https://github.com/niklasvh/html2canvas/downloads [本人对此链接不负责任 :P :P :P]
background: -moz-element(#mysite);
#mysite 是作为背景使用的元素。
canvas.toDataURL()方法返回的base64编码字符串，将图像保存或发送回服务器就很容易了。我会继续努力，并让你知道是否有好消息出现。 - Jose Rui Santoschrome.tabs.captureVisibleTab，需要从清单中访问选项卡。Firefox：
自 Firefox 1.5 以来，您可以构建使用自定义画布扩展drawWindow的扩展程序，它比 Chrome 的chrome.tabs.captureVisibleTab等效功能更强大。这里提供了一些信息：
https://developer.mozilla.org/en/Drawing_Graphics_with_Canvas
我认为你不能这样做。但是，你可以递归获取 clientHeight，clientWidth，offsetTop 和 offsetLeft 来确定页面上所有元素的位置，并将其发送回服务器。