在d3.js中获取多路径的质心

// 创建SVG画布
var svg = d3.select("body")
  .append("svg")
  .attr("width", 500)
  .attr("height", 500);

// 添加多个路径元素
svg.append("path")
  .attr("d", "M10 10 L100 100 L200 50 Z");

svg.append("path")
  .attr("d", "M50 50 L150 150 L250 100 Z");

// 获取所有路径节点
var paths = svg.selectAll("path").nodes();

// 定义变量保存质心坐标
var centroidX = 0;
var centroidY = 0;

// 遍历路径节点
paths.forEach(function(path) {
  // 获取路径总长度
  var totalLength = path.getTotalLength();
  
  // 定义步长
  var step = 10;
  
  // 循环获取路径上的坐标
  for (var i = 0; i < totalLength; i += step) {
    var point = path.getPointAtLength(i);
    centroidX += point.x;
    centroidY += point.y;
  }
});

// 计算平均值得到质心坐标
centroidX /= paths.length * (totalLength / step);
centroidY /= paths.length * (totalLength / step);

console.log("质心坐标：", centroidX, centroidY);