使用javascript更改背景位置

Question

如何拖動背景圖像並更改其位置？就像在Facebook上更改封面照片的位置一樣。

我到處搜索，但找不到合適的。

Answer 1

在mousedown上，記錄當前鼠標位置。創建一個蒙版，並在該蒙版上：

• 在mousemove上，獲取當前鼠標位置並從原始鼠標位置中減去它。相應移動背景
• 在mouseup上，移除蒙版並保存新的位置。

Answer 2

你可以用這個jQuery plugin嘗試，而且是那麼容易，因爲：

element.backgroundDraggable() 

這裏有一個demo