Image Cropper

Image Cropper is a jQuery image cropping plugin with preview, aspect ratio and modal layer.

1. INCLUDE CSS AND JS FILES

<script src="/path/to/jquery.js"></script><!-- jQuery is required -->
<link rel="stylesheet" href="/path/to/cropper.css">
<script src="/path/to/cropper.js"></script>

2. HTML

<img class="cropper" src="img/picture.jpg">

3. JAVASCRIPT

$(".cropper").cropper({
    aspectRatio: 2,
    done: function(data) {
        console.log(data);
    }
});

4. OPTIONS

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-aspect-ratio="2".

5. METHODS

• enable - Enable the cropper
• disable - Disable the cropper