貌似这样就可以不切边了

var x = Math.random() * (canvas.width - r * 2) + r;

var y = Math.random() * (canvas.height - r * 2) + r;

但是想了半天，也没想到怎样检测重合，想到一种最笨的思路，就是类似在2048里一样，建一个二维数组，用canvas.width，canvas.height，然后所有的像素点都设成0，生成一个x和y，这一片就改成1，然后下一个就检测，如果x，y的区域内有是1的，就重新生成，没有就继续for，貌似好笨。