修复jQuery Cropper中的容器/框架

Question

我正在使用此JQuery Cropper：https://fengyuanchen.github.io/cropperjs/

CodePen：https://codepen.io/dhavalsisodiya/pen/VqYvoM

所以我有下面的代码显示Cropper：

$('#banner_image_preview').cropper({
    aspectRatio: 1,
    minCropBoxWidth: 400,
    minCropBoxHeight: 400,
    cropBoxResizable: true,
    //resizable: false,
    cropstart: function (e) {
        //console.log(e.type, e.detail.action);
    },
    cropmove: function (e) {
        //console.log(e.type, e.detail.action);
    },
    cropend: function (e) {
        //console.log(e.type, e.detail.action);
    },
    crop: function (e) {
        $(".img_height").html(Math.round(e.height));
        $(".img_width").html(Math.round(e.width));          
    }
});

现在我要实现的目标是无论用户上传哪种图像，框架都不会改变。即，如果用户上传的图片宽度为1000像素，那么容器也不应更改。它应该保持原样（即400px）。用户将在400px宽的容器中调整该图片。

那么如何实现呢？我尝试了Canvaswidth等几种选项，但没有用。