jquery - 背景大小为 :cover 的可拖动背景图像

Question

我有一个固定的 div，其中包含像这样的图像作为背景

<div style='
     width:230px;
     height:230px;
     background-repeat: no-repeat;
     background-image:url(img/myimage.jpeg)
     background-size: cover;'></div>

图像与 div-box 重叠。用户应该能够拖动图像，并且新的 background-position: 坐标应该可以在用户释放鼠标后通过 jQuery 以某种方式访问​​。我的目标是创建一个非常简单的废话图像效果，就像在 facebook 中一样:

我怎样才能做到这一点？甚至可以用 background-size:cover 显示溢出的背景吗？

Answer 1

您可以使用这个 Plugin , 并尝试

element.backgroundDraggable()

这里有一个 demo