画布上的圆圈内的随机点

时间:2014-05-14 11:01:51

标签: javascript random html5-canvas

我在画布上创建了一个画布和一个圆圈。

我试图通过使用解决方案here在圆圈内制作随机点,但也在圆圈的内部和外部放置点。

从我创建圈子的那一刻起,我的代码就在这里:

 draw_circle(600, 600, 500);


            for (i = 0; i < 20; i++) {
                 radius = 500;
                 y = 0;
                 x = 0;
                y = -radius + Math.random() * (radius + radius + 1);

                // x must respect x² + y² < r²
                xMax = Math.pow(Math.pow(radius, 2) - Math.pow(y, 2), 0.5);
                x = Math.random() * 2 * xMax - xMax;

            draw_circle(x, y, 3);
            }

这是我的draw_circle函数:

 function draw_circle(x, y, r) {

         ctx.beginPath();
         ctx.arc(x, y, r, 0, Math.PI * 2);
         ctx.stroke();
     }

0 个答案:

没有答案