varbg=document.getElementById('xxb');varctx=bg.getContext('2d');//第一圈ctx.beginPath();ctx.lineWidth=10;//圆的边缘大小ctx.strokeStyle='RGB(43,0,155)';//圆的颜色ctx.arc(60,60,50,0*Math.PI,2.25*Math.PI,false);//圆的水平位置，垂直位置，圆的半径，圆的弧度，ctx.stroke();//第二圈ctx.beginPath();ctx.lineWidth=10;ctx.strokeStyle='RGB(35,24,22)';ctx.arc(180,60,50,0*Math.PI,2*Math.PI,false);ctx.stroke();//第三圈ctx.beginPath();ctx.lineWidth=10;ctx.strokeStyle='RGB(248,3,0)';ctx.arc(300,60,50,0*Math.PI,2*Math.PI,false);ctx.stroke();//第四圈ctx.beginPath();ctx.lineWidth=10;ctx.strokeStyle='RGB(223,252,22)';ctx.arc(120,100,50,0*Math.PI,2*Math.PI,false);ctx.stroke();//第五个圆圈ctx.beginPath();ctx.lineWidth=10;ctx.strokeStyle='RGB(37,254,75)';ctx.arc(240,100,50,0*Math.PI,2*Math.PI,false);ctx.stroke();
