强制裁剪器始终为全宽或全高

Force cropper to always be either full width or full height

我一直在用cropper js

我正在根据输入值(整数)调整裁剪器的大小。例如A和B.

因此,当用户输入 A = 200 和 B = 240 时。裁剪器计算纵横比并显示裁剪器。是否有选项或某种 hack 来强制裁剪器强制其根据比例填充宽度或高度?

如果我的问题不清楚,请参阅下图。 首先有一个不正确的图像,我在两侧以及顶部和底部都有空格。 Incorrect

这张图片是正确的: Correct 因此,在正确的图像下,用户不应该能够将其缩小,并且如果比率低于 1,则它应该填充高度而不是宽度。

有人对此有好感吗?

我想通了! 如果有人在寻找答案,我做了什么 --> 为裁剪器设置以下选项:

  • viewMode: 2(不一定是2,但需要大于0)。
  • cropBoxMovable:正确。 (只能通过我的输入更改 cropBox。)
  • 拖动模式:'none'。否则用户可以拖动一个新的 cropBox。
  • cropBoxResizable:错误。否则用户可以拖动 crfopbox 的角落并更改大小。