使用随机颜色在JavaScript中生成随机圆圈
我有以下JavaScript代码。这是一个生成随机循环的脚本。我想用不同颜色的for循环生成1000个圆圈。我该怎么做 这是我的密码:使用随机颜色在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()*
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循环,因为这些圆圈中的每一个看起来都是黑色的,而不是随机着色的。