javascript - 如何使用 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');