如何使用 phantomjs 截取网页屏幕保存为一张图片

学习笔记 马富天 2017-06-20 21:49:55 239 0

【摘要】这几天在学习 phantomjs 这个工具的基本功能,刚开始学到如何使用 phantomjs 对网页进行截图。

直接上完整代码,首先是使用 php 来调用 phantomjs 命令执行 js 文件:

  1. exec('H:\wamp\www\phantomjs\bin\phantomjs --output-encoding=utf8 test01.js');

test01.js文件:

  1. var page = require('webpage').create();
  2. page.open('http://www.mafutian.net', function () {
  3. 	page.viewportSize={width:1920,height:968};
  4.     page.render('jietu.png');
  5.     phantom.exit();
  6. });

接着对以上 js 文件的代码进行解释:

web page模块的功能是处理具体的页面。使用时需要引入模块,并创建实例:

  1. var page = require('webpage').create();

把当前页面渲染成图片并输出到指定文件中:

  1. page.render('jietu.png');

直接结果图如下所示:

请输入图片名称

截图的背景是透明的。

版权归 马富天个人博客 所有

本文标题:《如何使用 phantomjs 截取网页屏幕保存为一张图片》

本文链接地址:http://www.mafutian.com/268.html

转载请务必注明出处,小生将不胜感激,谢谢! 喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

0

0

上一篇《 如何在 windows 下使用 PHP 执行 phantomjs 》 下一篇《 获取 phantomjs 脚本参数列表 》

暂无评论

评论审核未开启
表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情
验证码

TOP10

  • 浏览最多
  • 评论最多