利用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本文#来源gaodai.ma#com搞##代!^码7网搞代gaodaima码); $('#y').val(c.y); $('#w').val(c.w); $('#h').val(c.h); };
有了这个方法，可以在你截图是更新隐藏域中的坐标值，通过隐藏域把坐标信息传到后台。搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：利用jquery Jcrop跟 php实现截图功能
