StudioJS

StudioJS is a rapidly growing collection of jQuery plugins for image cropping, resizing, and editing.

Please file any bugs you discover in the Issues tab

All client-side components are released under the MIT license by their respective authors.

For a live demo, click here.

If you are upgrading, please check the changelog for migration notes. Some backwards-incompatible changes have been made.

If you're new to StudioJS, the tutorial is an appropriate place to start.

Documentation Links

• Tutorial
• Migration notes
• ImageResizer.js docs
• Jcrop readme
• Jcrop website & docs
• jquery.jcrop.preview.js docs
• jquery.imagestudio.js docs

Overview of files

• jquery.Jcrop.js - A slightly modified version of Jan. 2012 version of JCrop. I've made a pull request.
• jQuery.jcrop.preview.js - A tiny plugin to provide a live preview of the crop rectangle in an arbitrary container.
• ImageResizer.js - Provides a set of classes for querystring parsing and serialization, polygon math, and command string creation. Requires underscore.
• jquery.imagestudio.js - A configurable jquery UI plugin for creating a photo-editing widget in an arbitrary container.

Javascript Dependencies

Copies of all dependences can be found in the /libs folder. Most files in /libs are NOT required.

• jquery.Jcrop and Jcrop.preview.js require jQuery, 1.7 or higher.
• ImageResizer.js requires underscore.js 1.3.1 or higher
• jquery.imagestudio.js requires jquery-ui 1.8.16 or higher and all of the aforementioned libraries

CSS dependencies

• Jcrop requires css/Jcrop.gif, css/jquery.Jcrop.css.
• ImageStudio requires jquery-ui-1.8.16.custom.css (and folder), css/jquery.imagestudio.css, css/loading.gif, css/delete-rect.gif