在javascript中有效地细分bezier曲线

function subdivideBezierCurve(startPoint, controlPoint1, controlPoint2, endPoint, level) {
  if (level === 0) {
    // 终止递归，返回细分后的线段
    return [startPoint, endPoint];
  } else {
    // 计算中点和两个控制点
    var midPoint1 = calculateMidPoint(startPoint, controlPoint1);
    var midPoint2 = calculateMidPoint(controlPoint1, controlPoint2);
    var midPoint3 = calculateMidPoint(controlPoint2, endPoint);
    var midPoint4 = calculateMidPoint(midPoint1, midPoint2);
    var midPoint5 = calculateMidPoint(midPoint2, midPoint3);
    var midPoint6 = calculateMidPoint(midPoint4, midPoint5);

    // 递归细分左右两段曲线
    var leftSegments = subdivideBezierCurve(startPoint, midPoint1, midPoint4, midPoint6, level - 1);
    var rightSegments = subdivideBezierCurve(midPoint6, midPoint5, midPoint3, endPoint, level - 1);

    // 合并左右两段曲线的结果
    return leftSegments.concat(rightSegments.slice(1));
  }
}

function calculateMidPoint(point1, point2) {
  // 计算两点之间的中点
  return {
    x: (point1.x + point2.x) / 2,
    y: (point1.y + point2.y) / 2
  };
}

// 示例用法
var startPoint = { x: 0, y: 0 };
var controlPoint1 = { x: 100, y: 50 };
var controlPoint2 = { x: 200, y: 150 };
var endPoint = { x: 300, y: 200 };
var level = 3; // 细分级别

var segments = subdivideBezierCurve(startPoint, controlPoint1, controlPoint2, endPoint, level);
console.log(segments);