【发布时间】:2013-03-01 00:48:55
【问题描述】:
伙计们,我正在为我的应用程序开发一个图像组件,它涉及图像裁剪和调整大小。
我们面临的问题是我们能够裁剪图像并保持最初的纵横比不变,但在我们的例子中用户可以再次调整裁剪图像的大小,问题就来了。如果我们尝试调整裁剪图像的大小,我们还会得到裁剪区域中不存在的图像部分。
作为参考,我添加了这个link .我们希望有一些类似的功能。但问题是我们无法获得正确的逻辑。一旦我们裁剪了一部分,我们就会得到该图像的height,width。我们有原始的aspect ratio,但是当用户调整裁剪部分的大小时,我们现在如何计算图像的新高度、宽度?
实际图像存在,我们实际上没有裁剪它,但 实际上 用于向用户展示它。我们使用 javascript/jquery 来实现这一点。没有具体的库,但只是 纵横比 的逻辑直到现在
这是实物图。
这是选择的裁剪区域。这将是裁剪区域。
这是裁剪后调整大小的图像。图像仅针对裁剪部分而不是整个图像调整大小,而它实际上存在于那里。
【问题讨论】:
-
我无法理解您的问题。例如,您是说用户可以从矩形图像中选择一个正方形部分,然后在保持正方形比例的情况下进一步调整其大小?
标签: javascript jquery image crop image-resizing