javascript 中使用 math.sin() 和 math.cos() 计算 0°、90°、180°、270° 等特殊角度时，因浮点数精度限制会产生微小误差（如 sin(180°) 不为严格 0），导致本应相等的坐标值（如红/蓝圆的 y 值）出现细微差异。本文提供基于查表法的高精度替代方案，彻底消除此类误差。
javascript 中使用 math.sin() 和 math.cos() 计算 0°、90°、180°、270° 等特殊角度时，因浮点数精度限制会产生微小误差（如 sin(180°) 不为严格 0），导致本应相等的坐标值（如红/蓝圆的 y 值）出现细微差异。本文提供基于查表法的高精度替代方案，彻底消除此类误差。
在基于 SVG 或 D3.js 的可视化开发中，常需将子元素（如小圆）精确放置在主圆的正交方向（0°、90°、180°、270°）上。理想情况下：
- 0° 和 180° 对应水平轴，y 坐标应完全相同；
- 90° 和 270° 对应垂直轴，x 坐标应完全相同。
但直接调用 Math.sin(a * Math.PI / 180) 和 Math.cos(a * Math.PI / 180) 会引入 IEEE 754 双精度浮点误差。例如：
- Math.sin(180 * Math.PI / 180) 实际返回 ≈ 1.2246467991473532e-16（非严格 0）；
- Math.cos(90 * Math.PI / 180) 返回 ≈ 6.123233995736766e-17（非严格 0）。
这些极小量在乘以半径后虽微弱，却足以破坏坐标相等性判断（如 y_red === y_blue 为 false），进而影响后续布局、碰撞检测或动画同步逻辑。
✅ 推荐解决方案：使用预定义查表（Lookup Table）替代三角函数计算
对已知的离散角度（尤其是 90° 整数倍），直接映射其数学上精确的三角函数值：
const lookupTable = {
0: { sin: 0, cos: 1 },
90: { sin: 1, cos: 0 },
180: { sin: 0, cos: -1 },
270: { sin: -1, cos: 0 }
};
const exactSin = (degrees) => lookupTable[degrees].sin;
const exactCos = (degrees) => lookupTable[degrees].cos;
在坐标计算中替换原生函数即可：
angle.forEach((a, i) => {
const element = d3.select('.circ1').node();
const cx = parseFloat(element.getAttribute('cx'));
const cy = parseFloat(element.getAttribute('cy'));
const r = parseFloat(element.getAttribute('r'));
// ✅ 使用查表法，保证 sin/cos 为精确整数
const x = cx + exactCos(a) * r;
const y = cy + exactSin(a) * r;
angleCoord.push({ angle: a, x, y });
});
? 注意事项与最佳实践：
- 此方法仅适用于角度为 90° 整数倍的场景；若需支持任意角度（如 45°、30°），可扩展查表（如加入 45: { sin: √2/2, cos: √2/2 }），但需注意 √2/2 仍为无理数近似值——此时建议使用 BigNumber.js 或四舍五入到指定小数位（如 .toFixed(10)）；
- 避免在比较坐标相等性时使用 ===，改用容差比较（如 Math.abs(a - b)
- 若项目已依赖高精度数学库（如 bignumber.js），也可用于构造精确的 π/2 等常量，但对正交角度而言，查表法更轻量、零依赖、性能最优。
通过该方案，红（0°）与蓝（180°）圆的 y 值将严格相等，绿（90°）与粉（270°）圆的 x 值也将完全一致，确保后续所有基于坐标的逻辑稳定可靠。
