phantomJs 快速入门学习 简单截图

Posted 孔扎根

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了phantomJs 快速入门学习 简单截图相关的知识,希望对你有一定的参考价值。

因为phantomjs使用了一个真正的渲染引擎WebKit,它能截取一个web页面的真实影像,这是因为phantomjs能够折射出WEB页面上的任何东西,包括html,css,svg和Canvas等。

 

新建一个JS文件,baidu.js。

// 写入以下内容
var page = require("webpage").create(); // 设置地址变量 var url=‘https://www.baidu.com‘ page.open(url,function(){ // 将该页面保存成图片 page.render("test.jpg"); phantom.exit(); })

执行:
phantomjs baidu.js

  官方提供了一个更完整的将网页保存为图片的JS示例,文件名为rasterize.js ,在JS目录下的子目录examples下面。

  执行方法:phantomjs rasterize.js http://ariya.github.io/svg/tiger.svg tiger.png

 

当然你也可以通过page的属性来改变视口的大小

var page = require("webpage").create();
// 视口的尺寸就是无头浏览器的真正大小
page.viewportSize = {width:1024,heigh:768};
// clipRect 是你要获取的页面部分
page.clipRect = {top:0,left:0,width:1024,heigh:768};

page.open("http://example.com/",function(){
	page.render("github.png");
	phantom.exit();
});

  

 





以上是关于phantomJs 快速入门学习 简单截图的主要内容,如果未能解决你的问题,请参考以下文章

PyTorch深度学习-03梯度下降(快速入门)

PyTorch深度学习-02线性模型(快速入门)

截图-----Selenium快速入门

PhantomJS截图交易视图

使用PhantomJS交易视图的屏幕截图

Selenium PhantomJS webdriver获得部分截图