假设我有一个区域,例如200像素x 100像素。而且,我不想在该字段内选择作物,而是希望该字段本身是作物区域,然后拖动图像而不是作物字段。



因此,您可以看到完整图像的边缘,但只能看到裁剪区域内的图像。您拖动图像,您会看到其中的变化

最佳答案

这是一个简单的小概念。需要进行一些改进以确保您不能拖动到边界之外(如果在红色边框的div上开始拖动,则不会应用包含规则),但这应该提供了概念证明。

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

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

让我知道您是否需要我进一步解释。

07-26 00:56