Javascript 将元素放置在可拖动图像的拐角处

这是我目前拥有的代码。我希望4个圆圈在单击图像时将自己定位在图像的四个角上。无论图像位于何处

$（“img”）。单击（函数（）{
});
$（函数（）{
$（“img”）.draggable（）；
});



可能有很多方法可以做到这一点，正如John在上面提到的，您可以将它们包装在单独的div中，并使图标相对（这可以在用户创建图像时添加到js中，非常简单）

另一种选择是，您可以使用与上述相同的div包装方法，但可以使用flex-box显示，有问题的图像将有一个div包装，该包装将显示设置为“flex”，然后使用“justify”和“align”属性来设置每个图标的位置，具体取决于您要放置它们的位置。这也是在用户通过js创建时实现的，并导致可伸缩的反应式设计

您也可以以类似的方式使用网格布局，但我认为flex box更易于使用和理解

这里有一个了解它的好资源。
将图像包装在div中。使图标相对。在css中使用top、left、bottom和right来定位它们。我不能这样做，因为图像在加载时不会被设置到页面中。在我正在创建的网站中，图像将由用户添加。这不是借口。添加图像时真的没有区别，用容器包装是实际的方法。很容易记录。你可以写代码并解释它是如何完成的，因为我试过了，但没有成功。非常感谢。