javascript - jcrop 全宽/高度比例裁剪

Question

我们实现了 Jcrop在我们的系统中，到目前为止它运行良好。但是我们最近发现了一个小问题:

场景

我们的网站允许用户上传他们公司的标志。我们的宽高比要求是 200/150，不幸的是，用户的公司 Logo 看起来像这样 (200 x 63px):

用户上传了图片，由于我们的纵横比限制，他们看到了这个:

---

问题:如何裁剪图片的到全宽或全高？我不介意 jcrop 是否将负裁剪维度发送回服务器，因为它应该足够聪明，可以用白色背景填充图像。最终的预期图像应如下所示:

(为了对比目的，背景已经被加了阴影)

要么 jcrop 可以做到，或者有任何我们可以使用的替代解决方案/插件吗？

Answer 1

您应该在 200/150 框(或其他尺寸但具有此 w/h 比率)上向他展示裁剪工具，您可以在其中加载和显示他上传的图片居中而不是在图片上他上传了。