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) 根据给定的控制点和半径画一段圆弧，再以直线连接两个控制点。