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

Question

我一直在用cropper js。

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

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

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

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

有人对此有好感吗？

Answer 1

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

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