imgareaselect控件裁剪图片问题

imgareaselect官网:http://odyniec.net/projects/imgareaselect/

进行下载、以及查看官网案例、文档。

使用imgareaselect进行裁剪头像,然后上传图片,还是比较简单,

是通过js进行裁剪的,但是往往会发现我们裁剪的图片区域不对,会

有很大的偏差,本来是想裁剪头部,结果成了脚,比较郁闷。。。。

这是为什么呢?

          首先你要看看你的js代码是否有问题,包括裁剪区域、宽高等。确保这

些是没有问题,然后你要想想用户上传的图片了,用户上传的图片,我们

是不能限制宽高的,只能限制大,而你在页面显示裁剪时,这个图片的宽高

肯定是写死的了,你已经把图片进行缩小或放大,明明页面裁剪看着是正确

可是到了后台裁剪出来就有偏差,想不明白吧。

          你要明白用户上传了的图片,你是否经过后台处理了,有没有按等比压缩

估计是没有,只是在页面把宽高限制一下,然后进行裁剪。你裁剪好了,传回后台

后台按照宽高、区域进行裁剪,但是这个裁剪的原图应该是用户上传的图片吧,可

是这个原图你如果没有在上传图片时进行处理,就会出现偏差。本来图片是500X600

的宽高,你在页面固定大小300X300,js裁剪是以300裁剪的,但是在后台确实以500

X600进行裁剪,当然会出现裁剪区域不对。

          解决办法:就是用户上传图片时进行图片处理,处理成300X300的宽高,这样前台

裁剪的原图和后台就一样了,传到后台也是以你处理的图片进行裁剪即可。

注:如果有兴趣的,可以联系我要一些代码。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

低调之人

略表心意,哈哈哈

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值