裁剪后调整图像大小

Question

伙计们，我正在为我的应用程序开发图像组件，它涉及图像裁剪和调整大小。
我们面临的问题是我们能够裁剪图像，保持纵横比最初不变，但在我们的如果用户可以再次调整裁剪图像的大小，问题就出现了。如果我们尝试调整裁剪图像的大小，我们也会得到裁剪区域中不存在的图像部分。
作为参考我添加此{ {3}}。我们希望有一些类似的功能。但问题是我们无法使逻辑正确。一旦我们裁剪了一部分，我们就会得到height，{该图片的{1}}。我们有原始的width，但是当用户调整裁剪部分时，我们怎样才能计算图像的新高度和宽度？
实际图像存在而我们不存在裁剪实际，但虚拟向用户展示。我们正在使用 javascript / jquery 来实现此功能。没有特定的库但只是到目前为止宽高比的逻辑 这是实际情况。

这是选择的裁剪区域。这将是裁剪区域。

这是裁剪后调整大小的图像。图像仅针对裁剪部分而不是整个部分调整大小，而实际存在于此处。

Answer 1

只是在使用您的应用程序时，生成的错误类似于在选择多个元素后，如果您在使用Jquery请求CSS属性时将创建的错误。函数只能返回单个结果，因此您仍然只获取第一个匹配元素的属性。虽然我不能确定，因为你的代码是8000行，没有评论