如何使用phantomJS截取div

Question

嗨，这里的任何人都可以帮我用phantomJS截取我的div吗？ 我怎样才能截取我的#dropzone然后将其附加到同一页面上？

请帮忙。

Answer 1

您可以通过两种方式部分呈现网页。

1）使用div创建一个额外的页面，使用render进行截屏，并在实际页面上使用结果。

2）使用clipRect功能（如here所述）：

var clipRect = document.querySelector(selector).getBoundingClientRect();
page.clipRect = {
    top:    clipRect.top,
    left:   clipRect.left,
    width:  clipRect.width,
    height: clipRect.height
};
page.render('capture.png');

Answer 2

您可以使用node-webshot这样做， 看看options然后看captureSelector选项。