PhantomJS - clipRect 属性

clipRect 是一个对象，其值包括顶部、左侧、宽度和高度，并且在 render() 方法使用时用于获取网页的图像捕获。如果未定义 clipRect，则在调用渲染方法时，它将获取整个网页的屏幕截图。

语法

其语法如下 −

var page = require('webpage').create(); 
page.clipRect = { 
   top: 14, 
   left: 3, 
   width: 400, 
   height: 300 
};

示例

请看以下示例以理解 clipRect 属性的用法。

var wpage = require('webpage').create(); 
wpage.viewportSize = { 
   width: 1024, 
   height: 768 
}; 
wpage.clipRect = { 
   top: 0, 
   left: 0, 
   width: 500, 
   height: 500 
}; 
//the clipRect is the portion of the page you are taking a screenshot 
wpage.open('http://www.google.com/', function() { 
   wpage.render('e.png'); 
   phantom.exit(); 
});

在此，我们获取网站 google.com 的屏幕截图。它将生成以下 输出 −