Javascript jquery ui约束较小容器中的可拖动元素

我试图在一个具有固定宽度和高度的容器内拖动一个

。 我已经搜索了这么多，但它不适合我

---

这是我努力实现的目标的一部分；有一个容器，它是我希望用户显示的图像的唯一部分，下面有一个可拖动的图像。必须根据图像的方向将其约束在

.container

元素中，并且容器必须始终包含图像的一部分，而不是空白部分，换句话说，图像的边框必须始终位于容器内

我试图使用containment属性，但我不明白数组选项是如何工作的（）

---

并删除

。active

仅使用小提琴中的代码？容器必须始终包含图像的一部分，而不是空白部分。因此，您希望在拖动到容器中时将图像大小更改为容器的宽度/高度？否，图像先前已调整大小，我只希望容器总是包含图像的一部分。我想这就是你想要的。它有很多代码：（父对象比图像小。

$("img").draggable({
     containment: "parent" 
   });