jCrop, restrict croppable area

Question

Is there any option to restrict the croppable area of the image with jCrop.

I want to leave out a 10px area around the image for border purpose, so when user selects the crop region he should not be able to move beside the allowed croppable region.

enter image description here

For example, Image here is 400x300 px, and I want to restrict the croppable region to 380x280 px.

possible duplicate of [JQuery JCrop - How to set a fixed size selection area?](http://stackoverflow.com/questions/346045/jquery-jcrop-how-to-set-a-fixed-size-selection-area) — Paul Sweatte, Jun 21 '14 at 01:27

score 0 · Answer 1 · answered Jan 29 '19 at 19:34

Recently I faced a similar problem. Trying to solve it, I explored the source code of the Jcrop plugin and found the undocumented option, which makes exactly what is needed.

So in case if you need to restrict the croppable area with 10px from each side, it should look like this:

$(document).ready(function () {
    $('image').Jcrop({
        edge: {w: 10, n: 10, e: -10, s: -10},
        // all another options
    });
});

Note, that this option is available only in 2.0.x version of the plugin.

That's great! I'll maybe check this out sometime. – sven Jan 30 '19 at 03:39 — sven, Jan 30 '19 at 03:39

jCrop, restrict croppable area

1 Answers1