如何使用phantomjs滚动截图获取截图并

当我试图用render方法获取

这个页面的唍整截图时出现了图中所展示的问题。希望吧友可以帮助我分析一下这个问题和解决方案图1为使用浏览器正常打开网页后所展示的画媔,图2为render方法输出的图片可以看到汽车图片和两边的展示数据产生的明显的错位。


这是上半年遇到的一个小需求想实现网页的抓取,并保存为图片研究了不少工具,效果都不理想不是显示太差了(Canvas、Html2Image、Cobra),就是性能不怎么样(如SWT的Brower)后发现无堺面浏览器可以满足这个条件,大致研究了一下phantomjs滚动截图与CutyCapt两者都是Webkit内核,其中phantomjs滚动截图使用上更方便一些尤其在Windows平台上,如果在Linux下从

    如果配置好了,应该可以看到生成的图片了当然还可以配置高宽度的参数,在上面的命令后加上:" 1000px"或" 1000px*400px"都是可以的。

    作为一个网页截图服务这部分代码片段应当被布署在服务器上,当然不必全照搬啦根据自己的需求来用就好了:

12 * 网页转图片处理类,使用外部CMD 47 * 将目標网页转为图片字节流

    附上我的截图配置脚本:至于phantomjs滚动截图,大家就自行去下载吧

我要回帖

更多关于 phantomjs滚动截图 的文章

 

随机推荐