jquery - JCrop 如何通过将图像拖动到 div 后面来裁剪图像(如 facebook 封面)

Question

我用过Jcrop广泛，但我想以与 Facebook 用于裁剪其封面图像非常相似的方式裁剪图像。

因此，我希望 div 具有某种固定大小，其中背景保存其原始大小的可拖动图像，用户拖动该图像并找到要裁剪的合适可见区域。

据我所知，在 JCrop 中，原始图像具有固定大小，可拖动区域在您想要裁剪的图像上移动。我只想相反。图像可拖动且选择区域固定。

有没有办法使用 JCrop 来做到这一点？

编辑:由于我发布答案已经有一段时间了，the other answer以更好的方式提供帮助。请检查一下

Answer 1

要像 Facebook 中那样裁剪图像(在区域内拖动)，我强烈建议使用 Guillotine (demo)。

这是一个非常轻量级的插件，允许裁剪、缩放和旋转图像。它还具有触摸支持并且响应灵敏(流畅)。它非常适合 Facebook 的裁剪，而且设置非常简单。