作者:两人浪漫_607 | 来源:互联网 | 2014-08-18 22:56
看到一些网站上有图片剪切的功能,觉得挺炫,后来找了一款专用于图片裁切的插件,jquery.Jcrop.min.js,用这个插件可以方便的实现这个功能,使用时鼠标在图片上圈选出选区,即可把图片裁切成所选部分,非常适合用于头像的裁切编辑功能。前端UI分享演示分为HTML和php两部分:第一部分,HTML代码:.代码
看到一些网站上有图片剪切的功能,觉得挺炫,后来找了一款专用于图片裁切的插件,jquery.Jcrop.min.js,用这个插件可以方便的实现这个功能,使用时鼠标在图片上圈选出选区,即可把图片裁切成所选部分,非常适合用于头像的裁切编辑功能。前端UI分享
演示分为HTML和php两部分:
第一部分,HTML代码:
第二部分:PHP处理部分:jquery分享
-
-
if ($_SERVER['REQUEST_METHOD'] == 'POST')
-
{
-
$targ_w = $targ_h = 150;
-
$jpeg_quality = 90;
-
$src = '../image/b4.jpg';
-
$img_r = imagecreatefromjpeg($src);
-
$dst_r = ImageCreateTrueColor( $targ_w, $targ_h );
-
imagecopyresampled($dst_r,$img_r,0,0,$_POST['x'],$_POST['y'],
-
$targ_w,$targ_h,$_POST['w'],$_POST['h']);
-
header('Content-type: image/jpeg');
-
imagejpeg($dst_r,null,$jpeg_quality);
-
exit;
-
}
-
?>
请将上述两部分代码分别另存为两个文件,文件名自拟。