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

使用随机颜色在JavaScript中生成随机圆圈,javascript,dom,canvas,Javascript,Dom,Canvas,我有以下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()*

我有以下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();

你拥有它;您只需要将其包装在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();
}
var c=document.getElementById(“myCanvas”);
var ctx=c.getContext(“2d”);

对于(var i=0;iYou拥有它,您只需要将它包装成一个for循环,因为这些圆圈中的每一个看起来都是黑色的,而不是随机着色的。