ImageCropper:基于JavaScript的Web前端图片剪裁工具,特别适用于头像上传

人民时讯快报 次浏览

 imgAreaSelect 

imgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域。

ImageCropper:基于JavaScript的Web前端图片剪裁工具,特别适用于头像上传

imgAreaSelect

 

 Image Cropper 

基于Prototype与script.aculo.us框架开发的图片修剪工具。其提供的功能与一些图片编辑工具相同。

ImageCropper:基于JavaScript的Web前端图片剪裁工具,特别适用于头像上传

Image Cropper

 

 Image Upload and Auto Crop 

采用PHP+jQuery开发的图片上传和剪切(Crop)工具。

ImageCropper:基于JavaScript的Web前端图片剪裁工具,特别适用于头像上传

Image Upload and Auto Crop

 

 Jcrop 

Jcrop是一个跨浏览器的jQuery图片剪切插件(jQuery image crop plugin)。支持对剪切框加CSS样式,当选取或拖动时添加回调事件(Callbacks),剪切时能够约束宽度与高度。

Jcrop

 

 Yahoo! UI Library ImageCropper 

这是Yahoo! UI Library中提供的一个图片剪裁工具。易于使用和定制,该ImageCropper自带一种默认的剪裁框外观,但可以使用CSS进行扩展和定制。

ImageCropperYUI

Yahoo! UI Library ImageCropper

 

 MooCrop 

MooCrop是一个基于Mootools框架开发的图片剪切工具。

ImageCropper:基于JavaScript的Web前端图片剪裁工具,特别适用于头像上传

MooCrop

 

 UvumiTools 

UvumiTools是一个功能强大的图片剪裁控件,基于Mootools框架开发。可以配置图片剪裁最小尺寸,保持剪裁区域长宽比例,实时预览剪裁图片等功能。

ImageCropper:基于JavaScript的Web前端图片剪裁工具,特别适用于头像上传

UvumiTools

 

 ByCropper 

ByCropper是一个采用Mootools1.2开发的图片裁剪工具。它能够裁剪后的图片尺寸信息设置到相应的HTML表单中。可以设置裁剪比例,默认裁剪尺寸,最大和最小裁剪尺寸,被裁剪掉区域的颜色和透明度。

ByCropper.jpg

ByCropper

 Mootools  

 CropZoom 

CropZoom这个jQuery插件可以让你选择图片的某个区域进行裁剪。可以放大/缩小图片、拖拽改变选择区域大小、可以360度旋转图片。

CropZoom.jpg

CropZoom

 jQuery  

 图片裁剪 jrac 

jQuery Resize And Crop (jrac)是一个可以直接在浏览器上对图片进行裁剪的jQuery插件。

crop-resize-new-cool-jquery-plugins-2011.jpg

图片裁剪 jrac

 jQuery