context.fillStyle="#005588";
for(var i=0;i<10;i++){
    context.beginPath()
    context.arc(50+i*100,260,40,0,2*Math.PI*(i+1)/10,true);
    context.fill();
    context.closePath(); //当当前路径不是封闭的时候,自动封闭收尾路径
    context.stroke();
}

for(var i=0;i<10;i++){
    context.beginPath()
    context.arc(50+i*100,360,40,0,2*Math.PI*(i+1)/10,true);
    context.fill();
    context.stroke();
}