javascript - 裁剪后调整图像大小

Question

各位，我正在为我的应用程序开发一个图像组件，它涉及图像裁剪和调整大小。
我们面临的问题是我们能够裁剪图像，最初保持纵横比恒定，但在我们的如果用户可以再次调整裁剪图像的大小，那么问​​题就来了。如果我们尝试调整裁剪图像的大小，我们还会得到裁剪区域中不存在的图像部分。
作为引用，我添加了这个 link 。我们希望有一个有点类似的功能。但问题是我们无法获得正确的逻辑。一旦我们裁剪了一部分，我们就得到了高度，该图像的宽度。我们有原始的宽高比，但是当用户调整裁剪部分的大小时，我们现在如何计算图像的新高度、宽度？
实际图像存在，我们不会实际裁剪它，而是虚拟裁剪它以向用户显示它。我们使用 javascript/jquery 来实现此目的。到目前为止，没有特定的库，只有宽高比的逻辑
这是真实的图片。

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

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

Answer 1

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