円描画

//arc(x座標, y座標, 半径, 円弧の開始角, 円弧の終了角, 描画の方向);
//円の輪郭を描く
cot.beginPath();
cot.arc(56,56,50,0,6.2);//cot.arc(56,56,50,0,6.28);
cot.lineWidth=5;//6.28に足りていないので少し欠けています。
cot.stroke();

cot.beginPath(); cot.arc(76,56,50,Math.PI*1/180,Math.PI*120/180,1);
//Math.PIは3.1415926
cot.lineWidth=2;//輪郭の太さ
cot.stroke();

cot.beginPath();
cot.arc(96,56,50,Math.PI*1/180,Math.PI*90/180,0);
cot.strokeStyle="red";//輪郭の色
cot.stroke();
赤の円弧の角度を確かめるために半径を描きました。
   cot.beginPath();
   cot.moveTo(96,106);
   cot.lineTo(96,56);
   cot.lineTo(146,56);
   cot.strokeStyle="black";
   cot.stroke();
赤い円弧の内角は90度らしい？

//色の指定 R赤G緑B青A透過率
cot.fillStyle="rgba(255,0,255,0.6)";
//円板を描く
cot.beginPath();
cot.arc(145,56,50,0,6.29);//Math.PI*50/180,Math.PI*180);
cot.fill();