jsxgraph - JSXGraph は、相互依存するボード要素を作成します

Question

相互に依存する点と線を作成して、一方の位置を変更すると他方が変更され、その逆も同様に変更されるようにしたいと考えています。これは可能ですか？

Answer 1

私の提案は、両方の要素のイベント ハンドラーを作成することです。2 つの共依存点の例を次に示します。

const board = JXG.JSXGraph.initBoard('jxgbox', {
                            boundingbox: [-5, 5, 5, -5],
              axis: true
          });
var A = board.create('point', [-3, 2]);     
var B = board.create('point', [ 3, 2]);     

A.on('drag', function() {
        B.moveTo([B.X(), A.Y()]);
});

B.on('drag', function() {
        A.moveTo([A.X(), B.Y()]);
});

https://jsfiddle.net/vcL7aepo/204/で動作を確認できます。