• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

基于linnux+phantomjs实现生成图片格式的网页快照_php实例

php 搞代码 3年前 (2022-01-26) 42次浏览 已收录 0个评论

安装扩展:
(1)下面是我在linux上的安装过程,如果没有安装git请先yum install git
安装casperjs

<br />    cd /<br />    git clone git://github.com/n1k0/casperjs.git<br />    cd casperjs<br />    ln -sf /casperjs/bin<div style="color:transparent">本&文来源gaodai^.ma#com搞#代!码网</div><strong>搞gaodaima代码</strong>/casperjs /usr/local/bin/casperjs  //可以忽略 实际执行中php是执行 /casperjs/bin/casperjs<br />

(2)安装phantomjs,下载地址:http://phantomjs.org/download.html
下载后操作很简单,直接把解压好的in\phantomjs移动到usr\local\bin\phantomjs就可以了。
测试phantomjs –version 有结果不报错,说明安装OK

(3)安装字体
1. 首先获得一套“微软雅黑”字体库(Google一下一大把),包含两个文件msyh.ttf(普通)、msyhbd.ttf(加粗);
2. 在/usr/share/fonts目录下建立一个子目录,例如win,命令如下:

<br /># mkdir /usr/share/fonts/win<br />

3. 将msyh.ttf和msyhbd.ttf复制到该目录下,例如这两个文件放在/root/Desktop下,使用命令:

<br /> # cd /root/Desktop<br /> # cp msyh.ttf msyhbd.ttf  /usr/share/fonts/win/<br />

4. 建立字体索引信息,更新字体缓存:

<br />   # cd /usr/share/fonts/win<br />          # mkfontscale  (如果提示 mkfontscale: command not found,需自行安装 # yum install mkfontscale )<br />          # mkfontdir<br />          # fc-cache    (如果提示 fc-cache: command not found,则需要安装# yum install fontconfig )<br />

至此,字体已经安装完毕!

      <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <title>快照生成</title> <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> <style> * {margin: 0; padding: 0; } form {padding: 20px; } div {margin: 20px 0 0; } input {width: 200px; padding: 4px 2px; } #placeholder {display: none; } </style>   <body>             <button type="submit">生成快照</button>       <div>            </div>      <script>   $(function(){     $('#form').submit(function(){       if (typeof($(this).data('generate')) !== 'undefined' && $(this).data('generate') === true)       {         alert('正在生成网站快照,请耐心等待...');         return false;       }         $(this).data('generate', true);       $('button').text('正在生成快照...').attr('disabled', true);         $.ajax({         type: 'GET',         url: '?',         data: 'url=' + $('#url').val(),         success: function(data){           $('#placeholder').attr('src', data).show();           $('#form').data('generate', false);           $('button').text('生成快照').attr('disabled', false);         }       });         return false;     });   });   </script>  
var page = require('webpage').create(); var args = require('system').args;  var url = args[1]; var filename = args[2];  page.open(url, function () {   page.render(filename);   phantom.exit(); });

以上所述就是本文的全部内容了,希望大家能够喜欢。


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:基于linnux+phantomjs实现生成图片格式的网页快照_php实例
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址