javascript - JSXGraph 从中心点拖动整个圆

Question

我是 JSXGraph 的新手。我正在尝试使用两个点来构建一个圆，其中 A 是中心点，B 位于圆本身上。我需要的是让 B 调整圆的大小（没问题，它会这样做）但是当 A 被拖动以移动整个圆而不调整它的大小时。

他们在下面的链接中给出的例子都有 A 和 B 调整圆圈的大小：http: //jsxgraph.uni-bayreuth.de/wiki/index.php/Circle

谁能指出我正确的方向？

谢谢。

Answer 1

这确实是一个棘手的问题。解决方案是使用组。将两个（免费）点打包成这样的组：

    var board, A, B, circ, grp;

    board = JXG.JSXGraph.initBoard('box6', 
         {boundingbox:[-5,5,5,-5], keepaspectratio:true});

    A = board.create('point',[-1, -1], {size: 5, name: 'A', color: 'blue'});
    B = board.create('point',[2, -1], {size: 5, name: 'B', color: 'red'});
    circ = board.create('circle', [A, B]);

    grp = board.create('group', [A, B]);
    grp.removeTranslationPoint(B);

在这种情况下，拖动两个点会移动圆，同时保持半径不变。

此外，如果您想通过拖动圆的中心来移动圆，但允许通过拖动 B 来调整圆的大小，则必须从组中的平移点列表中删除点 B：

    var board, A, B, circ, grp;

    board = JXG.JSXGraph.initBoard('box6', 
         {boundingbox:[-5,5,5,-5], keepaspectratio:true});

    A = board.create('point',[-1, -1], {size: 5, name: 'A', color: 'blue'});
    B = board.create('point',[2, -1], {size: 5, name: 'B', color: 'red'});
    circ = board.create('circle', [A, B]);

    grp = board.create('group', [A, B]);
    grp.removeTranslationPoint(B);