使用javascript更改拖动时的背景位置

Question

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

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

Answer 1

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

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

Answer 2

您可以尝试使用此jQuery plugin，并且非常简单：

element.backgroundDraggable()

这里有demo