图上的div是用鼠标画的,怎么样才能实现div之间不重叠?
每次画下一个div的时候就把这个div的区域存储起来,然后画下一个的时候就去存储的那个数组里面判断看看在不在已经是div的区域里面
一个数组存储绘制的元素区域坐标,然后做碰撞检测
用鼠标画的!我看是用手画拍照贴出来的照片吧!你说的不重叠是不是三个div之间只要不紧紧的靠在一起就可以啊!如果是的话!你可以是用相对定位来实现啊!三个div相对于父级相对定位即可!参考样式如下
.div1{
position: relative;
left: 10px;
top: 10px;
}
.div2{
position: relative;
left: 100px;
top: 50px;
}
.div3{
position: relative;
left: 80px;
top: 200px;
}
用相对定位实现
既然是用鼠标画的,那么每次新点击的地方可以检测是否在已画的div范围内,如果在范围内直接取消绘制的事件。简单粗暴。