我们在使用QQ空间、开心网、discus论坛等网站的个人中心时,有个上传个人头像的功能。用户在上传了个人照片之后,可能不符合网站的要求,于是要求用户对照片进行裁剪,最终根据用户裁剪的尺寸生成头像。这个功能真是太棒了,原来不懂js的时候,感觉很神奇,太神奇了。心想哪天要是自己也能搞明白这里面的技术,那该多牛呀~大家是不是也有何我一样的想法呀~哈哈~~
呵呵~那么今天我就来介绍几款jquery的图片裁剪的插件,让大家轻松搞定这个图片裁剪的问题。
- CropZoom
CropZoom是由Gaston Robledo写的一个功能非常强大的jquery图片裁剪插件,它具有以下主要特性:
1、任意放大和缩小图片
2、360度旋转照片
3、自由拖动,自定义选择区样式
4、及时显示裁剪后的照片,可以与后台程序PHP、JAVA、Asp.net等通信
5、兼容IE6+,fireFox2+,Opera,Safria想知道此插件是怎么使用的,以及详细的中文教程,请访问下面的地址:
图片裁剪:CropZoom插件的应用 - Jcrop
这款jquery插件也是相当不错,您可以到张鑫旭博客里面查看这个文章
jQuery照片图像剪裁插件Jcrop中文翻译详解
此文中,对Jcrop插件进行了详细的解说,并且还有很好的DEMO实例。很值得一观。 - Image Upload and Auto Crop
如果前面两个不对您的胃口,这里还有~呵呵~不过这个jquery裁剪插件,就不是中文的咯,你得自己去看英文咯。