【问题标题】:Resize an image after cropping裁剪后调整图像大小
【发布时间】:2013-03-01 00:48:55
【问题描述】:

伙计们,我正在为我的应用程序开发一个图像组件,它涉及图像裁剪和调整大小。
我们面临的问题是我们能够裁剪图像并保持最初的纵横比不变,但在我们的例子中用户可以再次调整裁剪图像的大小,问题就来了。如果我们尝试调整裁剪图像的大小,我们还会得到裁剪区域中不存在的图像部分。
作为参考,我添加了这个link .我们希望有一些类似的功能。但问题是我们无法获得正确的逻辑。一旦我们裁剪了一部分,我们就会得到该图像的height,width。我们有原始的aspect ratio,但是当用户调整裁剪部分的大小时,我们现在如何计算图像的新高度、宽度?
实际图像存在,我们实际上没有裁剪它,但 实际上 用于向用户展示它。我们使用 javascript/jquery 来实现这一点。没有具体的库,但只是 纵横比 的逻辑直到现在
这是实物图。

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

这是裁剪后调整大小的图像。图像仅针对裁剪部分而不是整个图像调整大小,而它实际上存在于那里。

【问题讨论】:

  • 我无法理解您的问题。例如,您是说用户可以从矩形图像中选择一个正方形部分,然后在保持正方形比例的情况下进一步调整其大小?

标签: javascript jquery image crop image-resizing


【解决方案1】:

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

【讨论】:

  • 嗯,添加的链接不是我的网站。我添加它以供参考。我们正在尝试实现类似的东西。这不是我的代码。我没有添加任何代码的原因是,我们是逻辑上比句法上更卡。我们很困惑如何解决这个问题!
  • 哦,所以让我弄清楚这一点。用户裁剪图片。没关系。然后用户调整图片大小,你的目标是得到那张图片的尺寸?
  • 是的,实际上我在裁剪后被困在一个点上如何获取图像的尺寸+位置,即lefttop,然后调用我通常会使用的相同的调整大小函数。现在发生的情况是,如果我调整大小,我也会得到不在裁剪部分中的图像部分。
  • 如果您查看第二张图像,原始图像仍然存在于后面,它只是对用户隐藏,所以当我调整裁剪部分的大小时,实际图像也会调整大小。
  • 你要保留原图吗?