如何在drop-in javascript中将项目放置在指定位置

我的代码中有

五个图像

，我想将它们放置在放置区域中所需的位置（

圆形位置

）

即

当五幅图像被放下时，它应该形成一个圆形状，而不是一条直线

如何做到这一点

功能allowDrop（ev）{
ev.preventDefault（）；
}
功能阻力（ev）{
ev.dataTransfer.setData（“文本”，ev.target.id）；
}
功能下降（ev）{
ev.preventDefault（）；
var data=ev.dataTransfer.getData（“文本”）；
ev.target.appendChild（document.getElementById（数据））；
}

#第1部分{
宽度：350px；
高度：150像素；
填充：10px；
边框：1px实心#AAAAA；
}

如何将放置的图像放置在圆形位置而不是放置在直线上：

用于

#div1 img

并使用

上/左

也可以使用

位置：绝对
到
img
和
位置：相对至
#div


功能allowDrop（ev）{
ev.preventDefault（）；
}
功能阻力（ev）{
ev.dataTransfer.setData（“文本”，ev.target.id）；
}
功能下降（ev）{
ev.preventDefault（）；
var data=ev.dataTransfer.getData（“文本”）；
ev.target.appendChild（document.getElementById（数据））；
}
#第1部分{
宽度：350px；
高度：150像素；
填充：10px；
边框：1px实心#AAAAA；
位置：相对位置；
}
#第1分部{
位置：绝对位置；
}
#第1分部图像：第n个孩子（1）{
左：155px；
}
#第1分部图像：第n个孩子（2）{
顶部：35px；
左：215px；
}
#第1分部图像：第n个孩子（3）{
顶部：95px；
左：185px；
}
#第1分部图像：第n个孩子（4）{
顶部：95px；
左：120px；
}
#第1组图像：第n个孩子（5）{
顶部：35px；
左：95px；
}
如何将放置的图像放置在圆形位置而不是放置在直线上：



@%d7%9c%d7%91%d7%a0%d7%99-%d7%9e%d7%9c%d7%9b%d7%94第n个子方法效果非常好…通过这种方法，我们可以在右键中分配单个css？@%d7%9c%d7%91%d7%a0%d7%99-%d7%9e%d7%9c%d7%9b%d7%94感谢您的精彩解释