Question

我想使用jQuery捕获网页的一部分，而是捕获整个页面。

这样的事情：

<html>
    <body>
        <div id="top"><p>Hello World!</p></div>
        <div id="middle"><p>World Hello!</p></div>
        <div id="bottom"><p>Hello World!</p></div>
    </body>
</html>

我想只捕获<div id="bottom"></div>部分。请告诉我怎么做。

感谢。

Answer 1

当您使用html2canvas jQuery插件时，这是一个示例代码段

var screenshot;

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

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

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

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

如何使用jquery捕获网页的一部分

1 个答案: