1.

 

    
            
    
             您的浏览器不支持 HTML5 canvas 标签。
            

 

 

 

2.

 

 

    
            
    
             您的浏览器不支持 HTML5 canvas 标签。
            

ctx.clearRect(15, 15, 50, 25);

3.

    
            
    
             您的浏览器不支持 HTML5 canvas 标签。
            

4.

arc(x, y, r, startAngle, endAngle, anticlockwise):

以(x, y)为圆心，以r为半径，从 startAngle弧度开始到endAngle弧度结束。anticlosewise是布尔值，true表示逆时针，false表示顺时针。(默认是顺时针)

注意：

radians=(Math.PI/180)*degrees   //角度转换成弧度

1. 这里的度数都是弧度。
2. 0弧度是指的x轴正方形

 

arcTo(x1, y1, x2, y2, radius):

根据给定的控制点和半径画一段圆弧，最后再以直线连接两个控制点。

    
            
    
             您的浏览器不支持 HTML5 canvas 标签。
            

 

    
            
    
             您的浏览器不支持 HTML5 canvas 标签。
            

5.

    
            
    
             您的浏览器不支持 HTML5 canvas 标签。
            

    
            
    
             您的浏览器不支持 HTML5 canvas 标签。