强制裁剪器始终为全宽或全高
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 的角落并更改大小。
我一直在用cropper js
我正在根据输入值(整数)调整裁剪器的大小。例如A和B.
因此,当用户输入 A = 200 和 B = 240 时。裁剪器计算纵横比并显示裁剪器。是否有选项或某种 hack 来强制裁剪器强制其根据比例填充宽度或高度?
如果我的问题不清楚,请参阅下图。 首先有一个不正确的图像,我在两侧以及顶部和底部都有空格。 Incorrect
这张图片是正确的: Correct 因此,在正确的图像下,用户不应该能够将其缩小,并且如果比率低于 1,则它应该填充高度而不是宽度。
有人对此有好感吗?
我想通了! 如果有人在寻找答案,我做了什么 --> 为裁剪器设置以下选项:
- viewMode: 2(不一定是2,但需要大于0)。
- cropBoxMovable:正确。 (只能通过我的输入更改 cropBox。)
- 拖动模式:'none'。否则用户可以拖动一个新的 cropBox。
- cropBoxResizable:错误。否则用户可以拖动 crfopbox 的角落并更改大小。