HTML |画布 arc() 方法

arc() 方法用于创建圆弧/曲线，即圆或圆的一部分。

句法：

context.arc(x, y, r, sAngle, eAngle, counterclockwise);

参数：

• x：此参数指定圆心的 x 坐标。
• y：此参数指定圆心的 y 坐标。
• r：此参数指定圆的半径。
• sAngle：此参数指定起始角度，以弧度为单位（圆弧的 3 点钟位置表示 0）。
• eAngle：此参数以弧度为单位指定结束角度。
• 逆时针：此参数指定绘图应该是顺时针还是逆时针。默认情况下为 false，表示顺时针。

示例 1：

  

    
        HTML canvas arc() Method
    

  

  
    GeeksforGeeks
  
    HTML canvas arc() Method
  
    
    
  
    
        var doc_id = document.getElementById("GFG");
        var context = doc_id.getContext("2d");
        context.beginPath();
        context.strokeStyle = 'green';
        context.arc(100, 50, 40, 0, 2 * Math.PI);
        context.stroke();
    

  

输出：

示例 2：

  

    
        HTML canvas arc() Method
    

  

  
    GeeksforGeeks
  
    HTML canvas arc() Method
  
    
    
  
    
        var doc_id = document.getElementById("GFG");
        var context = doc_id.getContext("2d");
        context.beginPath();
        context.fillStyle = 'green';
        context.arc(100, 50, 40, 0, 2 * Math.PI);
        context.fill();
    

  

输出：

支持的浏览器： HTML canvas arc() 方法支持的浏览器如下：

• 谷歌浏览器
• 浏览器 9.0
• 火狐
• 苹果浏览器
• 歌剧