Question

我在JavaScript中有以下代码。它是一个生成随机循环的脚本。我想用不同颜色的for循环生成1000个圆圈。我该怎么办？

这是我的代码：

    var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    ctx.beginPath();    

    ctx.arc(Math.floor(Math.random()*(100)+1) , Math.floor(Math.random()*(80)+1), Math.floor(Math.random()*(20)+1), 0 ,2*Math.PI); 

    ctx.stroke();

Answer 1

你拥有它;你只需要将它包装在for循环中：

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

for(var i=0;i<1000;i++){
   ctx.strokeStyle ="#" +  Math.floor(Math.random()*0xFFFFFF).toString(16);
   ctx.beginPath();
   ctx.arc(Math.floor(Math.random()*(100)+1) , Math.floor(Math.random()*(80)+1), Math.floor(Math.random()*(20)+1), 0 ,2*Math.PI);
   ctx.stroke();
}

JSBin

使用随机颜色在JavaScript中生成随机圆圈

1 个答案: