在javascript中检测两个圆的重叠

我有一个php循环，它用CanvasHTML5做圆圈。 圆圈的位置是随机的，就像下面的代码：

ctx.arc( Math.floor((Math.random()*500)+1), Math.floor((Math.random()*500)+1), <?php echo $size ?>, 0, 2 * Math.PI, false );

ctx.arc（Math.floor（（Math.random（）*500）+1）、Math.floor（（Math.random（）*500）+1）、0、2*Math.PI、false）；

但现在我有一个问题。 我的圆圈重叠了。 我希望它们没有任何重叠。

---

我该怎么办？

将位置存储在一个数组中，在创建新位置之前，只需检查它们是否相交。如果它们的大小（半径）都相同，那么您只需要位置。它们的大小不同。我们可以将位置保存在数组中。但是已经存在一些问题。我希望它们可以是这样的：我希望它们比链接有更多的距离