jQuery的图片裁剪和大小调整插件集合

jopen 10年前

1. FocusPoint.js

jQuery的图片裁剪和调整插件集合
FocusPoint jQuery Plugin makes sure your image looks great in any container, by ensuring the ‘spare’ parts of your image (negative space) are cropped out before the important parts. It’s made for ‘responsive cropping’. Dynamically crop images to fill available space without cutting out the image’s subject.

2. Croppic

jQuery的图片裁剪和调整插件集合
Croppic is an image cropping jquery plugin that will satisfy your needs and much more. Simply upload an image, and then you are able to crop the image as you like with the zooming in and out functionality. It works in IE 10+, chrome, and firefox. It uses FormData so there is no IE9 and prev versions support at the moment.

3. ImgAreaSelect

jQuery的图片裁剪和调整插件集合
imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes like those on Flickr. imgAreaSelect is highly configurable and customizable with CSS styling. Keyboard support for moving and resizing the selection. It works in all major browsers, including Firefox 2+, Opera 9.5+, Google Chrome, Safari 3+, and Internet Explorer 6+.

4. Image Cropper

jQuery的图片裁剪和调整插件集合
Image Cropper is a jQuery image cropping plugin with preview and some options.

5. Jcrop

jQuery的图片裁剪和调整插件集合
Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

6. jQuery Cropbox

jQuery的图片裁剪和调整插件集合
jQuery plugin for in-place image cropping (zoom & pan, as opposed to select and drag). This plugin depends only on jQuery. If either Hammer.js or jquery.hammer.js is loaded, the cropbox plugin will support gestures for panning and zooming the cropbox. Similary, if the jquery.mousewheel.jsplugin is loaded, then the cropbox plugin will support zoom in & out using the mousewheel.

7. jQCrop

jQuery的图片裁剪和调整插件集合
Easy to use jQuery plugin for zoom & pan image cropping. The main addition to this plugin is the ability to set the options after initialization and have the plugin auto-recalculate offsets and crop sizes, along with the auto-repositioning of the image (if required). Besides, jQcrop has experimental touch support in the touch branch, based on the excellent hammer.js.

8. resizeAndCrop

jQuery的图片裁剪和调整插件集合
jQuery plugin to resize and crop images while preserving aspect ratio. Can also be used for lazy image loading and improving UI responsiveness when displaying lots of images.

9. jQuery Fakecrop

jQuery的图片裁剪和调整插件集合
jQuery-Fakecrop takes a collection of images and automatically scale them to fit a custom-defined bounding box. This creates a “fake” cropping effect on those images; which produces convincing thumbnails.

10. Cropimg

jQuery的图片裁剪和调整插件集合
Its another cropping jQuery plugin. You can also zoom in or zoom out the photo by the buttons on right side. Black elements on image, can be used to short zooming the image or move image to one of the corners, or center.

11. Guillotine

jQuery的图片裁剪和调整插件集合
jQuery plugin to crop images within an area (fully responsive), allowing to drag (touch support), zoom and rotate.

12. Picture Cut

jQuery的图片裁剪和调整插件集合
Picture cut is a jquery plugin that handles images in a very friendly and simple way, with a beautiful interface based on bootstrap or jquery ui, has great features like ajax upload, drag image from explorer, image crop and others.

13. Cropbox

jQuery的图片裁剪和调整插件集合
A lightweight and simple JavaScript, Jquery, YUI plugin to crop your avatar.

14. Cropit

jQuery的图片裁剪和调整插件集合
Cropit is a jQuery plugin for image cropping and zooming, it loads images locally via FileReader, and does cropping using canvas. Cropit is best for the cases where you want users to upload images of a specific size and ratio.

15. jQuery ViewportCrop

jQuery的图片裁剪和调整插件集合
Simple & hassle-free image resize & crop based on a pseudo-viewport. Touch-friendly via touch-punch.No special requirements for use, by default it modifies the behaviour of each image tag it finds.

16. jQuery Image Crop

jQuery的图片裁剪和调整插件集合
A cropper for when you need images to be a specific size. It works using a predetermined aspect ratio. The UI differs from other croppers, here you may drag the image into position and even resize it.