JSXGraph：使用applyOnce()对直线执行一次性变换遇问题

我之前也踩过JSXGraph变换方法的坑，你遇到的t[n].coords is undefined和Cannot read property 'usrCoords' of undefined错误，本质是因为applyOnce()的设计初衷是针对点、向量这类单一坐标组元素的，而直线作为复合元素，坐标是靠两个端点维护的，直接调用方法会找不到预期的属性结构。咱们来一步步解决：

核心问题分析 #

JSXGraph里的直线对象本身没有直接的usrCoords或coords属性，它的位置完全由关联的两个端点决定。当你直接对直线调用applyOnce()时，方法内部会尝试读取不存在的坐标属性，自然就抛出错误了。

正确的解决方案：针对直线端点执行变换 #

既然直线靠端点定义，那我们直接对两个端点应用变换即可，直线会自动同步更新位置。举个旋转变换的例子：

// 假设你的直线实例是line
var p1 = line.point1; // 获取直线的第一个端点
var p2 = line.point2; // 获取直线的第二个端点

// 定义你需要的变换（这里以绕原点旋转45度为例）
var rotationTransform = JXG.Math.Geometry.rotate(Math.PI/4, [0, 0]);

// 对两个端点分别执行一次性变换
p1.applyOnce(rotationTransform);
p2.applyOnce(rotationTransform);

执行这段代码后，直线会跟着端点的变换自动更新位置，而且不会触发报错。

进阶方案：手动更新直线坐标 #

如果需要更精细的控制，也可以手动计算变换后的坐标，再重新设置直线的端点：

var rotationTransform = JXG.Math.Geometry.rotate(Math.PI/4, [0, 0]);

// 获取端点的用户坐标（去掉第一个维度标识元素）
var p1Coords = p1.usrCoords.slice(1);
var p2Coords = p2.usrCoords.slice(1);

// 应用变换得到新坐标
var newP1 = rotationTransform(p1Coords);
var newP2 = rotationTransform(p2Coords);

// 更新直线的端点坐标
line.setPoints([newP1, newP2]);

这种方式和直接操作端点的效果一致，适合需要额外处理坐标的场景。

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