canvasでオリンピック五輪を作る
1185 ワード
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();