Jquery crop插件,不知道是否存在这样的东西

时间:2012-05-22 22:28:17

标签: jquery plugins crop

假设我有一个区域,例如200px×100px。而不是在该字段中选择裁剪,我希望字段本身是裁剪区域,我拖动图像而不是裁剪字段。

Crop image example

因此,您可以看到整个图像的边缘,但只能看到裁剪区域内的图像。您可以拖动图像,然后在

中看到更改

1 个答案:

答案 0 :(得分:4)

这是一个简单的小概念。它需要一些精炼来确保你不能拖出边界(如果你开始拖动红色边界div它不应用包含规则),但这应该提供一个概念证明。

http://jsfiddle.net/foxwisp/G7cEP/1/

基本上,您只需更新遮罩框的位置,使其隔离,然后更新背景图像位置,使其显示为移动。

如果您需要我进一步解释,请告诉我。