这是我目前的情况：我能够显示上传的图片并让用户绘制具有预定义纵横比的裁剪区域。并且，在提交时它的角坐标被发送到我的服务器应用程序，该应用程序裁剪并保存图像。
但是上传的图像尺寸是可变的，我将其限制为max-width. 问题是 JCrop（我的 jquery 插件，它绘制裁剪区域并将其坐标设置为我的隐藏输入）设置裁剪区域相对于客户端图像的坐标。如果图像高度小于我的最大高度，则可以，但是，如果不是，则图像会被错误地裁剪。
解决这个问题；我打算得到img.clientWidth;and img.clientHeight;，也将它们传递给我的服务器端。然后通过外推将裁剪坐标转换为真实坐标。
这种方法好吗？有没有更好或更漂亮的解决方案？