技术求助：如何将直线的X、Y点数组转换为抛物线X、Y点数组

没问题，要把直线排列的座位转换成抛物线形态，核心是用抛物线方程替换你当前代码里的线性递增逻辑。我来给你拆解具体方案：

核心思路：用抛物线方程计算Y坐标 #

抛物线的顶点式非常适合这个场景（我们把抛物线顶点放在座位排的中间位置，保证左右对称）：

y = k * (x - x₀)² + y₀

• x₀：座位排中间位置的X坐标（对称轴）
• y₀：中间座位的基准Y坐标（抛物线顶点的Y值）
• k：弯曲系数，控制抛物线的弯曲程度（k为正，座位向上弯；k为负则向下弯，数值越大弯曲越明显）

具体实现步骤&修改后的代码 #

1. 先确定关键参数 #

首先我们需要计算出抛物线的几个核心参数，替换你原来的线性计算逻辑：

// 1. 获取座位数组和关键参数
const seats = row.Seats;
const totalSeats = seats.length;
const midIndex = Math.floor(totalSeats / 2); // 中间座位的索引
const midSeat = seats[midIndex];
const xMid = midSeat.x(); // 抛物线对称轴X坐标
const baseY = midSeat.y(); // 中间座位的基准Y（顶点Y值）

// 2. 计算弯曲系数k：假设我们希望两端座位比中间高val的距离
const endSeat = seats[0]; // 取第一个座位计算偏移
const dx = endSeat.x() - xMid; // 两端到中间的X距离
const k = val / (dx * dx); // 根据目标高度差计算k，val是你想要的两端和中间的高度差

2. 遍历所有座位，计算抛物线Y坐标 #

不需要再分前后半部分做镜像，直接每个座位根据自身X坐标计算对应的Y值：

// 遍历每个座位，设置抛物线Y坐标
seats.forEach(seat => {
    const x = seat.x();
    const dx = x - xMid;
    const newY = baseY + k * dx * dx; // 抛物线Y值计算
    
    // 设置座位和对应文本的Y坐标
    seat.setY(newY);
    const seatText = selectedObject.findOne("#txt" + seat.getId());
    if (seatText) {
        seatText.setY(newY); // 可以根据需求微调文本的Y偏移，比如newY - 5
    }
});

为什么替换原来的代码？ #

你原来的代码是通过线性递增+镜像的方式实现阶梯状排列，本质是分段线性函数，而我们用的抛物线方程是二次函数，能自然生成平滑的曲线形态，完美匹配你想要的效果。

调整弯曲程度的小技巧 #

• 如果觉得弯曲太明显，就减小val的值，或者直接调整k的大小（比如k = val / (2 * dx * dx)会让弯曲更平缓）
• 如果想要向下弯曲，把k改成负数即可：const k = -val / (dx * dx)

内容的提问来源于stack exchange，提问作者Sunil Kumar