使用 X,Y 坐标绘制圆内的点

javascript中有没有一种方法可以绘制x，y坐标，使它们落入圆形而不是方形？

例如，如果我有以下代码：

  circleRadius = 100;
  context.drawImage(img_elem, dx, dy, dw, dh);

我需要计算出落在 100 像素圆内的 x、y 值的组合。

Thanks!

1. 随机选择 -100 到 100 之间的 x
2. 圆的定义是x^2 + y^2 = r^2，在您的情况下等于 100^2 = 10000
3. 从这个方程你可以得到y^2 = 10000 - x^2，因此具有选定 x 的点和y = +/-sqrt(10000 - x^2)将躺在圆圈上。
4. 在点 3 找到的两个坐标之间随机选择一个 y
5. 你已经准备好了！

EDIT: In JS:

var radius = 100;
x = Math.random() * 2 * radius - radius;
ylim = Math.sqrt(radius * radius - x * x);
y = Math.random() * 2 * ylim - ylim;

另一个编辑： 一个 jsFiddle 示例 https://jsfiddle.net/6hvc70jj/3/