利用jqueryJcrop跟php实现截图功能
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了利用jqueryJcrop跟php实现截图功能，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3751字，纯文字阅读大概需要6分钟。
内容图文
利用jquery Jcrop和 php实现截图功能项目中用到了一个上传头像的功能，需要进行无刷新的图片上传，并对上传后的图片进行用户要求的截图，无刷新上传我就不说了，用的Juploader，相信大家并不陌生，重点讲一下jcron和php配置实现图片的截取的功能，好了，言归正传。首先介绍一下jcron的用法，我就不一一解释了，我们只看最经常用的到截图功能：
$(function(){
$('#cropbox').Jcrop({
aspectRatio: 1,
onSelect: updateCoords
});
});以上是控制，对哪个图片进行截图，“cropbox”是你要截取的img对象的id，“aspectRatio”控制等比例截取，“onSelect”的值是一个方法名，在选取时调用的方法
，个参数详情解释如下：
| Option Name | Value Type | Description | Default |
|---|---|---|---|
| aspectRatio | decimal | Aspect ratio of w/h (e.g. 1 for square) | n/a |
| minSize | array [ w, h ] | Minimum width/height, use 0 for unbounded dimension | n/a |
| maxSize | array [ w, h ] | Maximum width/height, use 0 for unbounded dimension | n/a |
| setSelect | array [ x, y, x2, y2 ] | Set an initial selection area | n/a |
| bgColor | color value | Set color of background container | 'black' |
| bgOpacity | decimal 0 - 1 | Opacity of outer image when cropping | .6 |
function updateCoords(c)
{
$('#x').val(c.x);
$('#y').val(c.y);
$('#w').val(c.w);
$('#h').val(c.h);
};有了这个方法，可以在你截图是更新隐藏域中的坐标值，通过隐藏域把坐标信息传到后台。
ok，到此，前台已经告一段落，我们看后台的php代码。
后台php主要是根据前台传递的坐标，对原图进行截取，支持jpg，png，和gif三种图片格式，当然，你可以扩展他，使他支持更多的图片格式。
class Img_shot
{
private $filename;
private $ext;
private $x;
private $y;
private $x1;
private $y1;
private $width = 124;
private $height = 124;
private $jpeg_quality = 90;
/**
* 构造器
*
*
*/
public function __construct()
{
log_message('debug', "Img_shot Class Initialized");
}
/**
* 初始化截图对象
*@param filename 源文件路径全明
*@param width 截图的宽
*@param height 截图的高
*@param x 横坐标1
*@param y 纵坐标1
*@param x1 横坐标1
*@param y1 横坐标2
*
*/
public function initialize($filename,$x,$y,$x1,$y1)
{
if(file_exists($filename))
{
$this->filename = $filename;
$pathinfo = pathinfo($filename);
$this->ext = $pathinfo['extension'];
}
else
{
$e = new Exception('the file is not exists!',1050);
throw $e;
}
$this->x = $x;
$this->y = $y;
$this->x1 = $x1;
$this->y1 = $y1;
}
/**
* 生成截图
* 根据图片的格式，生成不同的截图
*/
public function generate_shot()
{
switch($this->ext)
{
case 'jpg':
return $this->generate_jpg();
break;
case 'png':
return $this->generate_png();
break;
case 'gif':
return $this->generate_gif();
break;
default:
return false;
}
}
/**
* 得到生成的截图的文件名
*
*/
private function get_shot_name()
{
$pathinfo = pathinfo($this->filename);
$fileinfo = explode('.',$pathinfo['basename']);
$filename = $fileinfo[0] . '_small.' . $this->ext;
return $pathinfo['dirname'] . '/' .$filename;
}
/**
* 生成jpg格式的图片
*
*/
private function generate_jpg()
{
$shot_name = $this->get_shot_name();
$img_r = imagecreatefromjpeg($this->filename);
$dst_r = ImageCreateTrueColor($this->width, $this->height);
imagecopyresampled($dst_r,$img_r,0,0,$this->x,$this->y,
$this->width,$this->height,$this->x1,$this->y1);
imagejpeg($dst_r,$shot_name,$this->jpeg_quality);
return $shot_name;
}
/**
* 生成gif格式的图片
*
*/
private function generate_gif()
{
$shot_name = $this->get_shot_name();
$img_r = imagecreatefromgif($this->filename);
$dst_r = ImageCreateTrueColor($this->width, $this->height);
imagecopyresampled($dst_r,$img_r,0,0,$this->x,$this->y,
$this->width,$this->height,$this->x1,$this->y1);
imagegif($dst_r,$shot_name);
return $shot_name;
}
/**
* 生成png格式的图片
*
*/
private function generate_png()
{
$shot_name = $this->get_shot_name();
$img_r = imagecreatefrompng($this->filename);
$dst_r = ImageCreateTrueColor($this->width, $this->height);
imagecopyresampled($dst_r,$img_r,0,0,$this->x,$this->y,
$this->width,$this->height,$this->x1,$this->y1);
imagepng($dst_r,$shot_name);
return $shot_name;
}
} 接收到前台的坐标信息后，你可以实例化该类，用来生成图片，返回生成的图片的名称，你就可以使用啦。
截完图之后：
内容总结
以上是互联网集市为您收集整理的利用jqueryJcrop跟php实现截图功能全部内容，希望文章能够帮你解决利用jqueryJcrop跟php实现截图功能所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】