假装画布内随机放置的对象重叠

Question

我会在画布上生成随机放置的对象（圆圈），但我不希望它们相互交叉或重叠。

我已经在StackOverflow上尝试过类似的答案，而我能得到的最接近的是这个小提琴：https://jsfiddle.net/tqFuy/1/

但是，这还不够“随机”，因为正方形排列在网格中。

我的代码当前如下所示：https://jsfiddle.net/f08sez1m/

我试图使用类似这样的函数，但是它没有返回任何东西

function checkOverlapping(circle) {
  for(var circle in circles) {
    if(Math.abs(circle.posX) < circleSize && Math.abs(circle.posY) < circleSize) {
      available = false;
    }
  }
}