裁剪一个小版本的图像,同时编辑原始


Cropping a small version of image, while editing original

我正在创建一个检查图像的图库,确保它们的大小正确。如果图像大小不正确,则在图像上放置标记,用户必须进行编辑。当用户点击图像时,会调用包含所选图像的模态。模态中的图像大小可能不是原始图像的100%,所以我使用的任何一种jQuery或JS裁剪工具都不允许我根据原始图像调整大小。

关于裁剪"缩小"尺寸的图像和按比例修改原始图像的方法有什么想法吗?

我有原始图像的naturalHeightnaturalWidth,但除非我能找到一种使用较小尺寸的图像进行某种比较裁剪的实用方法,否则模态方法似乎不可行。

任何解决这个问题的帮助或工具都将是很大的帮助。

谢谢!

我做了一个类似的东西,Jcrop非常成功。它考虑了原始高度/宽度和显示高度/宽度之间的差异。看看吧。http://deepliquid.com/content/Jcrop.html