Phantom JS-clipRect-Javascript帮助

| 我正在使用幻影js屏幕截图页面 http://code.google.com/p/phantomjs/wiki/QuickStart#Rendering 它具有一个名为clipRect的功能 http://code.google.com/p/phantomjs/wiki/Interface#clipRect_(对象) 有人可以告诉我如何修改以下代码给我们clipRect,以便我只得到部分屏幕截图,而不是全部吗?
if (phantom.state.length === 0) {
if (phantom.args.length !== 2) {
    console.log(\'Usage: rasterize.js URL filename\');
    phantom.exit();
} else {
    var address = phantom.args[0];
    phantom.state = \'rasterize\';
    phantom.viewportSize = { width: 600, height: 600 };
    phantom.open(address);
}
} else {
    var output = phantom.args[1];
    phantom.sleep(200);
    phantom.render(output);
    phantom.exit();
}    
    
已邀请:
        如果您尝试获取特定元素的屏幕截图,则可以按照本文的底部,从
getBoundingClientRect
中获取
clipRect
的必要信息:
page.clipRect = page.evaluate(function() {
    return document.getElementById(THE_ELEMENT_YOU_WANT).getBoundingClientRect(); 
});
    
        从精美的手册中:   clipRect(对象)      此属性定义调用render()时要栅格化的网页的矩形区域。如果未设置裁剪矩形,则render()将处理整个网页。      示例:
phantom.clipRect = { top: 14, left: 3, width: 400, height: 300 }
因此,尝试在致电
render
之前立即设置
clipRect
var output = phantom.args[1];
phantom.sleep(200);
phantom.clipRect = { top: 14, left: 3, width: 400, height: 300 }
phantom.render(output);
phantom.exit();
您必须弄清楚左上角(
top
left
)在哪里,以及想要裁剪矩形的大小(
width
height
)。 您可以在调用
render()
之前的任何时间设置
clipRect
,但从此开始,看看会发生什么。     
        发生的事情是我正在使用brew并且正在安装v 1.0.0,其中不支持clipRect和几乎所有其他功能,因为v 1.0.0是最旧的版本。 如果您按照以下说明进行操作:http://code.google.com/p/phantomjs/wiki/BuildInstructions#Mac_OS_X 然后右键单击编译的文件,然后单击显示/查看内容(在Mac上),然后将可执行文件bin / phantomjs.app / Contents / MacOS / phantomjs复制到PATH中的某个目录中。 请随时在这里发布信息,我正在对此进行监控,如有需要,我可以提供帮助。     

要回复问题请先登录注册