如何从SVG路径获取边界坐标

function getSVGPathBounds(path) {
  // 解析SVG路径
  const commands = path.match(/[a-df-z]|[\-+]?\d*\.?\d+(?:[eE][\-+]?\d+)?/g);

  // 初始化边界坐标
  let minX = Infinity;
  let minY = Infinity;
  let maxX = -Infinity;
  let maxY = -Infinity;

  // 遍历路径命令和参数
  let x = 0;
  let y = 0;
  for (let i = 0; i < commands.length; i++) {
    const command = commands[i];
    const isRelative = /[a-z]/.test(command);

    switch (command.toLowerCase()) {
      case 'm':
        x += +commands[i + 1];
        y += +commands[i + 2];
        if (isRelative) {
          x += x;
          y += y;
        }
        minX = Math.min(minX, x);
        minY = Math.min(minY, y);
        maxX = Math.max(maxX, x);
        maxY = Math.max(maxY, y);
        i += 2;
        break;
      case 'l':
        x += +commands[i + 1];
        y += +commands[i + 2];
        if (isRelative) {
          x += x;
          y += y;
        }
        minX = Math.min(minX, x);
        minY = Math.min(minY, y);
        maxX = Math.max(maxX, x);
        maxY = Math.max(maxY, y);
        i += 2;
        break;
      // 其他路径命令的处理...
    }
  }

  // 返回边界坐标
  return { minX, minY, maxX, maxY };
}

// 示例用法
const svgPath = 'M10 10 L100 100 L50 200';
const bounds = getSVGPathBounds(svgPath);
console.log(bounds); // 输出：{ minX: 10, minY: 10, maxX: 100, maxY: 200 }