效果:
代码
for(var i=0;i<50;i++){
ctx.beginPath();
ctx.arc(Math.random()*400,Math.random()*400,Math.random()*50,0,Math.PI*2);
//设置透明度
ctx.globalAlpha = Math.random()*0.2;
//随机生成颜色
ctx.fillStyle="rgba("+Math.random()*255+","
+Math.random()*255+","+Math.random()*255;
ctx.fill();
ctx.stroke();
}
注意:
- 随机生成颜色
- 设置透明度
- 利用Math.random() 生成随机0-1的数字