D3.js arc.centroid()函数

arc.centroid()函数用于计算圆弧中心线的中点。使用 (startAngle+endAngle)/2 和 (innerRadius+outerRadius)/2 计算生成的中点。

句法：

arc.centroid(arguments);

参数：此函数接受如上所述和下文所述的单个参数。

• 参数：这些是任意参数。

返回值：此函数返回一个包含点的数组。

示例 1：

HTML

 
 
  
 
     
     
      
    
     
    
 
  

     
  
        // Creating an arc
        var arc = d3.arc()
            .innerRadius(40)
            .outerRadius(45)
            .startAngle(10)
            .endAngle(8);
  
        // arc.centroid function 
        console.log(arc.centroid());
     

   

输出：

示例 2：

HTML

 
 
  
 
     
     
  
    
     
    
 
  

     
  
        // Creating an arc
        var arc = d3.arc()
            .innerRadius(40)
            .outerRadius(45)
            .startAngle(0)
            .endAngle(8);
        // arc.centroid function 
        console.log("Change in start and end angle");
        console.log("will change the centroid");
        console.log(arc.centroid());
     

   

输出：