JSXGraph问题：点间距离未更新，动态半径圆如何创建？

在JSXGraph中创建动态半径的圆时，不能将点对象作为函数参数传入——因为JSXGraph调用这个半径函数时，不会传递你定义的f1/f2/A参数，这才导致了Cannot read properties of undefined错误。

正确的写法是直接在函数中引用当前作用域内的点对象，无需额外传参：

var c2 = board.create('circle',[f2, function(){
    return A.Dist(f1) + A.Dist(f2);
}]);

或者用更简洁的箭头函数：

var c2 = board.create('circle',[f2, () => A.Dist(f1) + A.Dist(f2)]);

原理说明 #

JSXGraph内置了依赖追踪机制，会自动监听函数内部引用的所有可移动元素（比如f1、f2、A）。当这些点的位置发生变化时，半径函数会自动重新计算，从而实时更新圆的大小，完全不需要手动添加监听函数或重新定义曲线。

完整修正代码示例 #

var f1 = board.create('point',[4,0],{name:'f1'});
var f2 = board.create('point',[-4,0],{name:'f2'});
var A = board.create('point',[0,3]);              
var ell = board.create('ellipse',[f1,f2,A]);

var P = board.create('point',[-6,6]);
// 动态半径的圆
var c2 = board.create('circle',[f2, () => A.Dist(f1) + A.Dist(f2)]);

这样修改后，移动椭圆的焦点或定义点A时，圆的半径会自动同步更新，圆心也会跟随f2移动，完全符合需求。

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