使用jquery进行图像裁剪

我希望用户上传图像，然后将其裁剪为设定大小。 我想要发生的实际上是一个div设置为特定的裁剪尺寸和该框内的图像。 然后，用户可以滑动图像，并且该div中可见的任何内容都是图像被裁剪到的内容。

我遇到的所有jquery插件只是让用户在整个图像周围移动一个选择框，而不是在选择框后面移动图像。 这种事情是否存在，我是否只是错过了这个插件？

基本上它就像Facebook中的缩略图编辑器，您可以在缩略图大小的框中拖动图像。

Answer 1

你真的不需要插件。 这可以通过设置background-position值通过vanilla jQuery和CSS来完成。

Answer 2

您可以使用JCrop插件。

Jcrop插件

Answer 3

我会推荐“Guillotine”： http ： //github.com/matiasgagliano/guillotine

它是一个jQuery插件，可以满足您的需求，它还可以进行旋转和缩放。

它支持触摸设备，并且响应迅速。

看看演示： http ： //matiasgagliano.github.io/guillotine