javascript - 拍摄元素的屏幕截图

嘿，我试图用phantomjs渲染特定元素的屏幕截图。我正在将phantomjs桥用于nodejs：phantom

这是我到目前为止所得到的：

page.includeJs('http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js');
var elementBounds = page.evaluate(function () {
    var clipRect = document.querySelector("#yw0").getBoundingClientRect();
    return {
        top: clipRect.top,
        left: clipRect.left,
        width: clipRect.width,
        height: clipRect.height
    };
});
var oldClipRect = page.clipRect;
page.clipRect = elementBounds;
page.render('element.png');
page.clipRect = oldClipRect;

我总会得到整个页面的屏幕截图，这有点不起作用！我怎么了

最佳答案

通过使用NightmareJs解决了它。那是我的代码：

var Nightmare = require('nightmare');
var Screenshot = require('nightmare-screenshot');
var nightmare = new Nightmare();
nightmare.goto('url');
nightmare.use(Screenshot.screenshotSelector('element.png', 'img[id="yw0"]'));
nightmare.run();