如何在 cropperjs 中设置最大 cropbox 大小？

Question

您好，我想问一下如何设置裁剪框的最大尺寸？因为我得到了一个图像尺寸为 400x400 的图像框，所以在它的内部是一个盒子容器，它将成为从 cropbox 中裁剪图像的地方。

我有这个jQuery代码

var img = $('#image');
$('#image').on('load', function () {
  img.cropper({
    aspectRatio         : 1,
    scalable            : true,
    rotatable           : true,
    checkOrientation    : true,
    cropBoxResizable    : true,
    dragMode            : 'move',
    minCropBoxWidth     : 346,
    minCropBoxHeight    : 269,
    minContainerHeight  : 400,
    minContainerWidth   : 400,
    minCanvasWidth      : 400,
    minCanvasHeight     : 400,
    viewMode            : 1
  });
  img.cropper("setCropBoxData", { width: "346", height: "269" });
}

它工作正常，但我的 cropbox 没有进行任何更改。它只设置它的最小尺寸而不是最大尺寸。任何解决方案都会有所帮助。

Answer 1

您可以添加：

autoCropArea: 1,

Answer 2

尝试将 style="max-height:80vh !important" 添加到 cropper-container cropper-bg class.

的父容器

如何在 cropperjs 中设置最大 cropbox 大小？

How to set maximum cropbox size in cropperjs?

javascript

html

jquery

cropperjs