怎样让随机生成的几个图形不能有交集,重叠也不行。图形可以看成是div。多个div不能有重叠且交集

怎样让随机生成的几个图形不能有交集,重叠也不行。图形可以看成是div。多个div不能有重叠且交集

div本身是不能重叠或者交集 的,除非你设置了什么属性,导致它出现了一些问题才会重叠在一起

2个div相交可以用中心点X轴距离,是否为2个div的长的一半来判断; 多个的话只能一个一个判断了,至于什么时候判断要看你随机生成的图形的个数了
链接

做个边界检查,改变随机的位置

通过设置样式,让图形不会重叠