Javascript 拍摄<；车身>；使用html2canvas并将img存储为JS var

我试图让我的网站上的用户按下一个按钮，拍摄当前屏幕的截图（身体中的一切）

根据我的研究，html2canvas似乎是一种使这成为可能的资源

我的问题是文档没有提供示例代码，我正努力掌握涉及的步骤

下面的问题（）让我有点困惑。我只是想知道如何在这一点上获得图像

根据他的密码

$(window).ready(function(){
    ('body').html2canvas();
    var canvasRecord = new html2canvas(document.body).canvas;

     //At this point does the .toDataURL method return a png?
});

在这一点上，我不知道图像在哪里，甚至不知道如何/何时创建它。我担心稍后会将其发送到服务器

---

欢迎提供任何信息。谢谢（甚至需要html2canvas？

当您使用html2canvas jQuery插件时，下面是一个示例片段

var screenshot;

$('body').html2canvas({
  onrendered: function(canvas) {
    screenshot = canvas.toDataURL();

    //code to process/send the image to server
  }
});

在上面的代码片段中，html2canvas创建了页面的屏幕截图

您还可以使用PhantomJS创建网页的屏幕截图——前提是它们是公共页面，因为您可能无法访问服务器端受登录保护的页面；在这种情况下，只有像html2canvas这样的客户端解决方案才能工作。

$（“#屏幕截图”）。单击（函数（）{
$("#screenshot").click(function() {
  $("body").html2canvas({
    onrendered: function( canvas ) {
      $(".filt_opt_n").html(canvas);
      //window.open(img);
    }
  });
});
<div id="screenshot"></div>

$（“正文”）.html2canvas({
onrendered：函数（画布）{
$（.filt_opt_n”）.html（画布）；
//窗口打开（img）；
}
});
});

---

.filt_opt_n这是一个div，您想显示输出，这对我有效

可能是个老问题。你可以试试这个

var htmlCanvas = new html2canvas(document.body);
var queue = htmlCanvas.parse();
var canvas = htmlCanvas.render(queue, { elements: { length: 1} });
var img = canvas.toDataURL();

---

您可能还想考虑一些基于幻像的屏幕截图解决方案。查看（搜索“截图”）或考虑。你可能想看看它的用法部分。你能在客户端上运行幻像吗？<代码>幻象JS/代码>不是JavaScript库，它是一个没有用户界面的WebKIT浏览器。所以你不能在客户端运行它。您可以使用诸如获取网站/应用程序截图之类的服务。