jquery 如何在cropperjs中设置最大cropbox大小?

7xzttuei  于 2023-05-22  发布在  jQuery
关注(0)|答案(2)|浏览(260)

你好,我只是想问我如何设置我的cropbox的最大大小?因为我得到了一个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。它只设置其最小大小,而不设置最大大小。任何解决方案将帮助感谢。

m1m5dgzv

m1m5dgzv1#

您可以添加以下内容:

autoCropArea: 1,

说明:

  • 默认值:0.8(图像的80%)
  • 它应该是一个介于0和1之间的数字。
  • 定义自动裁剪区域大小(百分比)。

来源:https://github.com/fengyuanchen/cropperjs/blob/main/README.md#options

unguejic

unguejic2#

尝试添加style=“max-height:80 vh!important”添加到cropper-container cropper-bg类的父容器中。

相关问题