2

假设我有一个区域,例如 200 像素 x 100 像素。而不是在该字段内选择裁剪,我希望该字段本身成为裁剪区域,并且我拖动图像而不是裁剪字段。

裁剪图像示例

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

4

1 回答 1

4

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

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

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

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

于 2012-05-23T05:09:58.433 回答