伙计们,我正在为我的应用程序开发一个图像组件,它涉及图像裁剪和调整大小。
我们面临的问题是我们能够在最初保持纵横比不变的情况下裁剪图像,但在我们的例子中,用户可以再次调整裁剪图像的大小,问题就来了。如果我们尝试调整裁剪图像的大小,我们也会得到裁剪区域中不存在的图像部分。
作为参考,我添加了这个链接。我们希望有一个有点相似的功能。但问题是我们无法获得正确的逻辑。一旦我们裁剪了一部分height
,我们就得到了width
那个图像。我们有原始的aspect ratio
,但是如何当用户调整裁剪部分的大小时,我们现在可以计算图像的新高度、宽度吗?
实际图像是存在的,我们实际上并没有裁剪它,但实际上是为了向用户展示它。我们正在使用javascript/jquery来实现这一点。到目前为止,没有特定的库,只有纵横比
的逻辑。
这是实际的图片。
这是选择的裁剪区域。这将是裁剪区域。
这是裁剪后调整大小的图像。图像仅针对裁剪部分而不是整个图像调整大小,而它实际上存在于那里。