如何在保持纵横比的同时显示图像的裁剪部分？

Question

我正在使用imgareaSelect jquery插件来提供用于裁剪图像的UI。我希望用户能够选择图像的任意部分，即，先前没有固定宽高比。此外，源图像的大小也是未知的，但预览区域具有固定的最大宽度。在网站imgAreaSelect上显示的示例中，宽高比固定为1：1。如何为任意宽高比做到这一点？裁剪预览应具有与选择成比例的高度，但固定宽度为100px。