HTML5学习笔记之canvas绘制圆形

    使用canvas绘制矩形以外的图形需要使用路径：首先勾勒图形轮廓，然后设置颜色再进行绘制。

使用路径的步骤如下：

1.创建路径：context.beginPath()

2.创建图形路径:context.arc(x,y,radius,startAngle,endAngle,anticlockwise);该方法是用于创建圆形路径，参数说明：x为绘制圆形起点的横坐标，y为绘制圆形起点的纵坐标，radius为圆形半径，startAngle为开始角度，endAngle为结束角度，anticlockwise为是否按顺时针方向绘制；利用该方法不仅可以绘制圆形还可以绘制圆弧，主要是取决于startAngle和endAngle这两个参数

3.路径创建完成后关闭路径：context.closePath()，在这一步是仅仅只是路径创建完成，并没有进行绘制

4.设置绘制样式：context.fillStyle或context.strokeStyle

5.调用绘制方法，绘制路径：context.fill()或者context.stroke()

绘制圆形代码示例：

<h1>canvas元素学习之绘制圆形</h1>
    <canvas id="canvasArt" />
    <script type="text/javascript">
        var canvas = document.getElementById("canvasArt");
        var context = canvas.getContext("