ctx.rotate(rad + mrad); 时针更跟给定弧度转动；但是没有给定从哪个具体位置开始旋转啊！这个不太理解；麻烦高人指点一下； 就像画一条线条一样要给起始点和终点；但是这个旋转只要给旋转弧度就可以旋转了！
在画圆时已经把中心移到正中心了
ctx.translate(r , r) //移动原点到中心
context.rotate(angle);//只接受一个参数angle,旋转的中心默认为原点。
因此只有通过context.translate(x,y)来设定旋转中心。
转动的中心是坐标零点，在旋转之前，需要将圆点设置好。
用ctv.translate(x,y)设置