假设我有一个区域,例如 200 像素 x 100 像素。而不是在该字段内选择裁剪,我希望该字段本身成为裁剪区域,并且我拖动图像而不是裁剪字段。
因此您可以看到完整图像的边缘,但您只能看到裁剪区域内的图像。你拖动图像,你会看到里面的变化
这是一个简单的小概念。它需要一些改进以确保您不能拖动到边界之外(如果您在红色边框的 div 上开始拖动它不会应用包含规则),但这应该提供概念证明。
http://jsfiddle.net/foxwisp/G7cEP/1/
基本上,您只需更新遮罩框的位置以使其隔离,然后更新背景图像位置使其看起来移动。
如果您需要我进一步解释,请告诉我。