for(var i=0;i<60;i++){
var rad=((2*Math.PI)/60)*i;//求出点所在的坐标
var x=Math.cos(rad)*(r-18);
var y=Math.sin(rad)*(r-18);
ctx.beginPath();//再次画个圆,要有一个开始
//每隔5个点画一个实心黑色圆,其他为灰色圆
if (i % 5 == 0){
ctx.fillStyle="#000";//此处不写会出现只有初始点是黑色,其他都是灰色的问题。
ctx.arc(x,y,2,0,2*Math.PI,false);
}else {
//fillStyle填充绘画的颜色、渐变或模式。默认值为黑丝
ctx.fillStyle="#ccc";
ctx.arc(x,y,2,0,2*Math.PI,false);
}
//ctx.arc(x,y,2,0,2*Math.PI,false);//在x,y坐标处画出一个实心圆点
ctx.fill();//填充画圆
默认填充色是黑色,但是当执行第一次else后,就重置了fillStyle为灰色,如果在if中不重新设置下填充色,就会被一直是灰色