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

Question

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

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

Answer 1

您可以尝试使用这个jQuery 插件，并且非常简单：

element.backgroundDraggable()

这里有一个演示

Answer 2

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

• On mousemove，获取当前鼠标位置并将其从原始鼠标位置中减去。相应地移动背景
• 在 上mouseup，移除遮罩并保存新位置。