在svg笔划上找到距离当前鼠标点最近的点的有效方法？

// 假设svgPath为SVG笔划的路径元素
const svgPath = document.getElementById('svgPath');
const mousePoint = { x: mouseX, y: mouseY }; // 当前鼠标点的坐标

// 获取SVG笔划的路径数据
const pathData = svgPath.getPathData();

// 将路径数据转换为点集
const pointSet = [];
let currentPoint = { x: 0, y: 0 }; // 当前点的坐标

pathData.forEach((segment) => {
  const { command, values } = segment;

  switch (command) {
    case 'M': // 移动到新的点
      currentPoint = { x: values[0], y: values[1] };
      pointSet.push(currentPoint);
      break;
    case 'L': // 直线段
      currentPoint = { x: values[0], y: values[1] };
      pointSet.push(currentPoint);
      break;
    case 'C': // 贝塞尔曲线
      // 使用贝塞尔曲线算法计算一系列点，并将它们添加到pointSet中
      break;
    // 其他路径命令的处理...
  }
});

// 计算鼠标点与每个点的距离
const distances = pointSet.map((point) => {
  const dx = point.x - mousePoint.x;
  const dy = point.y - mousePoint.y;
  return Math.sqrt(dx * dx + dy * dy);
});

// 找到最近的点
const minDistance = Math.min(...distances);
const nearestPointIndex = distances.indexOf(minDistance);
const nearestPoint = pointSet[nearestPointIndex];

// 返回最近点的坐标或索引
console.log(nearestPoint);