canvasでオリンピック五輪を作る


    
        var bg = document.getElementById('xxb');
        var ctx = 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();