使用裁纸器设置图像的最小和最大尺寸

Question

我正在使用裁切器将图像裁切成圆形，默认情况下，所选图像的尺寸会调整为较小的尺寸，因此，例如，如果图像的原始尺寸为1092x323，则它们变为436x128.963

这里是一个实时提琴http://jsfiddle.net/q9npkbs0/25/，尝试上传尺寸较大的图像，例如1092x323，然后在dom中搜索cropper-hide，然后查看图像的尺寸。图片，您会明白我的意思。

我想为裁切后的图像设置最小尺寸，以使裁切后的图像至少为300x300。

所以我将cropBox的尺寸设置为300x300：

minCropBoxWidth: 300,
minCropBoxHeight: 300,
cropBoxResizable: true,

.cropper-crop-box,
.cropper-view-box{
  min-height: 300px !important;
  min-width: 300px !important
}

但是当我选择尺寸大于300x300的图像时，它们会被调整为较小的尺寸，因此cropBox会超出图像尺寸。

我尝试设置最小宽度和高度：

.cropper-container,
.cropper-canvas,
.cropper-container img{
    min-width: 300px !important;
    min-height: 300px !important;
}

但是随后图像变得模糊，因为在这种情况下，尺寸“ 300x300”比新尺寸436x128.963高。

我知道如果屏幕小于图像，那将是一个问题，但是在那种情况下，我的屏幕尺寸大于1200x600。

为图像添加了宽度和高度的内联样式。

我希望用户上传图像并将其裁剪，然后将其保存到服务器，要发送到服务器的裁剪图像的最小高度和宽度，必须至少为300x300以上到600x600，因为这些图像将在the testimonials部分中使用。

如何解决该问题？