jcrop

---

home: true actionText: Get Started → actionLink: /guide/ features:

• title: 100% Pure Javascript details: All vanilla with no dependencies, or use official wrappers for the component framework of your choice
• title: Clean open source details: Webpack'd for your convenience, the full source code is open, easy to develop with, and MIT licensed
• title: Advanced Control details: Create complex interactivity that transcends mere cropping using the well-documented API
• title: Touch Support details: Native touch support tested with Android, iOS, and Chromebook. Mouse and touch support are simultaneous and automatic.
• title: Multiple Crops details: Single cropping widgets are so boring widgets on the same stage are the doorway to advanced interfaces.
• title: Modern Browsers details: There's lots of documentation to dive right into, so why not do it now? footer: MIT Licensed | Copyright © 2008-2018 Tapmodo Interactive LLC

---

Purpose

Features

• Easily attach to any DOM element unobtrusively
• Uses native events to coordinate behaviors
• Crop elements can be constrained to a given ratio
• Clean, commented source code
• Full in-depth documentation
• Keyboard support for arrow keys, deletion
• Touch support for tablets and mobile

Jcrop Guide

• Getting Started
• Using the documentation
• The Jcrop Instance
• Options and Configuration
• Event Handling
• Styling and CSS
• Extending Jcrop
• Design Guide

Internal Objects

• Rect
• DomObj
• ConfObj