使用javascript更改背景位置

Question

如何拖动背景图像并更改其位置？就像在Facebook上更改封面照片的位置一样。

我到处搜索，但找不到合适的。

Answer 1

在mousedown上，记录当前鼠标位置。创建一个蒙版，并在该蒙版上：

• 在mousemove上，获取当前鼠标位置并从原始鼠标位置中减去它。相应移动背景
• 在mouseup上，移除蒙版并保存新的位置。

Answer 2

你可以用这个jQuery plugin尝试，而且是那么容易，因为：

element.backgroundDraggable() 

这里有一个demo