http://www.w3school.com.cn/tags/html_ref_canvas.asp
arc 画圆形
arc()
var oC = document.getElementById("c1");
var cvsCtx = oC.getContext("2d");
// ctx.arc(100,75,50,0,2*Math.PI);
ctx.arc(x,y,起始弧度,结束弧度,旋转方向)
x , y 起始位置
弧度与角度的关系 : 弧度 = 角度 *Math.PI/180
旋转方向:顺时 false 逆时针 true
画一个半圆
var oC = document.getElementById("c1");
var cvsCtx = oC.getContext("2d");
cvsCtx.arc(100,75,50,0,Math.PI);
cvsCtx.closePath();
cvsCtx.stroke()