Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
  • How to set minimun height and width of cropbox in Cropper Jquery Plugin

    • 0
    • 1
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 4.19k
    Comment on it

    Setting minimun height and width of cropbox:-

    Hello Readers!
    In this blog I am going to explain you minheight and minwidth of a cropbox, which is used in the Cropper Jquery Plugin for selecting an image to crop, By default this Cropbox size is fixed to a ratio, but when you resize this crop-box, this will go to minimum height and width to "Zero". This value is by default defined in cropper.js file.

    Here i have done some changes that will be able to change its minheight and minwidth by using the jquery function. That will able to set the cropBox minheight and minwidth to 100px or you can set this as according to your requirement. Download the below zip file then open main.js file in your file editor, add the following code there in the jquery function. This will able to set Cropbox minimum height and width to 100px.

    Source Code:

    $(function () {
      var options = {
        aspectRatio: 1/ 1,
        minCropBoxWidth: 100,
        minCropBoxHeight: 100,

    For knowing more about the cropper jquery you can read my previous blog "Explaination of Cropper Jquery Plugin", That will help you to understand the whole code or I am attaching the  zip file here for better understand the above code.


 0 Comment(s)

Sign In

Sign up using

Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: