canvas学习

绘制路径
先获取canvas对象：

var canvas = document.getElementById('canvas');
if (canvas.getContext){
     var ctx = canvas.getContext('2d');
     //进行绘画操作
 }

• ctx.beginPath()开始画路径
• ctx.arc(x坐标，y坐标，半径，开始弧度，结束弧度，true为逆时针(can参数可选）)
• ctx.moveTo(x,y)切换到下一个落笔的地点，如果没有这句将会使连在一起。
  圆弧绘制方法

arc(x, y, radius, startAngle, endAngle, anticlockwise)
画一个以（x,y）为圆心的以radius为半径的圆弧（圆），从startAngle开始到endAngle结束，按照anticlockwise给定的方向（默认为顺时针）来生成。
arcTo(x1, y1, x2, y2, radius)
根据给定的控制点和半径画一段圆弧，再以直线连接两个控制点。