使用javascript捕获屏幕截图

我有一个javascript代码来捕获给定url的截图。我也找到了它的演示。。但我不知道如何将此添加到我的网站。有人能帮我吗

---

这不是标准的Javascript，而是用Javascript编程的Phantomjs无头Webkit。你不能把它放在你的页面上，但是你可以在你的服务器上运行它，并通过各种API向你的用户提供服务

---

如果你想在客户端使用截图来截图你的页面。

你也可以检查这个，它是关于如何使用HTML5画布来截图网页。

教程中的phantomjs如何使用html2canvas。这是html5的功能吗？如何将其添加到我的站点？@user3313594添加了一个指向答案的链接。这是一个Javascript脚本，请参阅链接了解详细信息，您可以将其包含在页面中。我们要明确的是，HTML（以及HTML5作为其子集）不是编程语言，也没有严格意义上的函数。先生，我已经检查过了。但我无法理解它的文档。他们的例子/测试似乎很棒。我只知道html和php。如何将其添加到我的站点？？要使用Html2canvas，我建议您先学习JavaScript的基础知识。不要害怕，一旦你从一开始就很容易了。我想向你们指出这个问题：

var system = require('system');

// Web Address (URL) of the page to capture
var url  = system.args[1];

// File name of the captured image
var file = system.args[2]  + ".png";

var page = require('webpage').create();

// Browser size - height and width in pixels
// Change the viewport to 480x320 to emulate the iPhone
page.viewportSize = { width: 1200, height : 800 };

// Set the User Agent String 
// You can change it to iPad or Android for mobile screenshots
page.settings.userAgent = "Mozilla/5.0 (Windows NT 6.1) AppleWebKit/536.5 (KHTML, like Gecko) Chrome/19.0.1084.56 Safari/536.5";

// Render the screenshot image
page.open ( url, function ( status ) {
  if ( status !== "success") {
       console.log("Could not open web page : " + url);
       phantom.exit();
   } else {
       window.setTimeout ( function() {
          page.render(file);
          console.log("Download the screenshot : " + file);
          phantom.exit();
       }, 1000);
   }
});`