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

时间:2017-07-08 09:02:54

标签: javascript jquery html css cropper

我一直在使用cropper js。

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

因此,当用户输入A = 200且B = 240时。裁剪器计算纵横比并显示裁剪器。是否有选项或某种黑客方法迫使裁剪者根据比例强制它填充宽度或高度?

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

这张图片是正确的: Correct 因此,在正确的图像中,用户不应该使其变小,如果比率低于1,则应填充高度而不是宽度。

有人对此有很好的倾向吗?

1 个答案:

答案 0 :(得分:0)

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

  • viewMode:2(不一定是2,但需要大于0)。
  • cropBoxMovable:true。 (只能通过我的输入更改cropBox。)
  • dragMode:'none'。否则,用户可以拖动新的cropBox。
  • cropBoxResizable:false。 OtherWise用户可以在crfopbox的角落拖动并改变大小。