How to center Cropper Crop Box always to center

[maurodf0]

Hi everyone,
I'm currently using Cropper 1.5.12 (yes an old version).
I don't know if is possibile but i want to display the cropper crop box always centered into the cropper container. What i have now is a cropper crop box that change his position based on the image displayed.

How can i do this?

My current instance of cropper:

cropper = new Cropper(imageElement, {
						
						aspectRatio: 1, // Quadrato  
						scalable: true,
						zoomable: true, // Abilita lo zoom
						zoomOnWheel: true, // Abilita lo zoom con la rotellina del mouse
						wheelZoomRatio: 0.1, // Imposta la sensibilità dello zoom
						viewMode: 1,
						dragMode: 'move',
						cropBoxMovable: false,
						center: true,
						movable: true,
						cropBoxResizable: false,
						autoCropArea: .75,
						minCropBoxWidth: 400,//826,
						minCropBoxHeight: 400,//826,
						ready: function () {
							this.cropper.setCropBoxData({width: 400, height: 400}); // Forza la dimensione
						}
					});

here some example of what i have now, with the crop box moved on bottom or on top.

[fengyuanchen]

Just remove the minCropBoxWidth/Height options.

In short, don't try to limit the size of the crop box, as the crop box is a virtual box.

If you want to output a 400x400px image exactly, just use the getCroppedCanvas method:

cropper.getCroppedCanvas({
  minWidth: 400,
  minHeight: 400,
});

[maurodf0]

Yeah, this helped a lot, but the cropper isn't centered into the image but is centered (i suppose) with all the image (included the bottom part that we can't see inside the gray wrapper).

I tried also with center and without center inside cropper options but without difference.

There's a way a can center the box without considering the bottom part of the image?
Thank you for the support.

Screen attacched:

[maurodf0]

little update.

If i remove the minCropBoxWidth/Height option i can reset the size of the box even to a smaller box (i don't want this to happen). Same problem of: fengyuanchen/cropper#762

I added the option you said in this topic, but nothing worked for me.

Recap, what i want to achive:

I would like to move the image under the box for positioning the image, so i need the option drag setted 'move'.

I would like the cropper box positioned always to the center of the visible image.

I would like to not let the user resize the crop Box.

Is possible to achive this?

[fengyuanchen]

Reference this example: https://fengyuanchen.github.io/cropperjs/examples/fixed-crop-box.html