La función arc.centroid() se utiliza para calcular el punto medio de la línea central del arco. El punto medio que se genera se calcula utilizando (startAngle+endAngle)/2 y (innerRadius+outerRadius)/2.
Sintaxis:
arc.centroid(arguments);
Parámetros: Esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación.
- argumentos: Estos son los argumentos arbitrarios.
Valores devueltos: esta función devuelve una array que contiene los puntos.
Ejemplo 1:
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <!--Fetching from CDN of D3.js --> <script src= "https://d3js.org/d3.v6.min.js"> </script> </head> <body> <script> // Creating an arc var arc = d3.arc() .innerRadius(40) .outerRadius(45) .startAngle(10) .endAngle(8); // arc.centroid function console.log(arc.centroid()); </script> </body> </html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport"
content="width=device-width,
initial-scale=1.0"/>
<!--Fetching from CDN of D3.js -->
<script src=
"https://d3js.org/d3.v6.min.js">
</script>
</head>
<body>
<script>
// 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());
</script>
</body>
</html>
Producción:
