PTS.js 中 Bound 类的边界点更新问题解析

在 JavaScript 图形库 PTS.js 中，Bound 类用于表示二维空间中的矩形边界框。最近发现了一个关于边界点更新的重要问题，值得开发者注意。

问题现象

当使用 Bound 类的 add 方法进行平移操作后，右下角点(bottomRight)的坐标未能正确更新。例如：

const bound = Bound.fromGroup(Group.fromArray([[0, 0], [1, 1]]));
bound.add(1); // 向右下方平移1个单位
console.log(bound.bottomRight); // 期望输出 [2,2]，实际输出 [1,1]

问题根源

这个问题的根本原因在于 Bound 类的实现细节：

1. Bound 类继承自 Group 类，表示由两个点(topLeft和bottomRight)组成的组
2. topLeft 点通过 setter 方法设置，使其成为可索引的数组元素(索引0)
3. 但 bottomRight 点直接赋值给成员变量，没有通过 setter 方法，因此不是可索引的数组元素
4. 继承自 Group 的 add 方法依赖于整数索引来操作点，因此只能更新 topLeft 点而忽略了 bottomRight

解决方案

PTS.js 已经修复了这个问题，主要改动是确保 bottomRight 也通过 setter 方法设置，使其成为可索引的数组元素(索引1)。

对于暂时无法升级版本的用户，可以使用以下临时解决方案：

// 手动调用update方法重新计算边界
bound.update();

深入理解 Bound 类

Bound 类在 PTS.js 中扮演着重要角色，它提供了：

1. 空间边界计算
2. 碰撞检测基础
3. 视图裁剪支持
4. 布局定位辅助

理解其内部实现有助于开发者更好地利用这个工具类。Bound 本质上是一个特殊的 Group，包含两个关键点：

• topLeft: 矩形左上角坐标
• bottomRight: 矩形右下角坐标

所有边界操作都应确保这两个点同步更新，才能保证空间计算的准确性。

最佳实践

在使用 Bound 类时，建议：

1. 创建后立即调用 update() 方法确保初始状态正确
2. 进行任何变换操作后，检查边界点是否同步更新
3. 对于复杂操作，考虑手动设置两个边界点而非依赖继承方法
4. 定期更新到最新版本以获取修复和改进

这个问题提醒我们，在使用继承时，需要特别注意父类方法与子类特性的兼容性，特别是当子类有特殊语义时。