あなたがそれをドラッグした後にアニメーション化するライン上にグライダーがあります. 次に、グライダーの横に (4 つのポイントとポリゴンを使用して) ボックスを作成しました。
私の問題は、ユーザーにこのボックスをドラッグしてグライダーをドラッグさせ、ボックスをグライダーと一緒に移動させたいということです。
これは、私が現在取り組んでいる完全なコードへのリンクです。これは、問題を視覚化するのに役立ちますhttps://jsfiddle.net/uobdpw0y/2/
グライダーは赤い点で、グライダーが滑っている線は青です。ご覧のとおり、赤い点をドラッグするとボックスが移動しますが、ボックスの他の部分をドラッグしても移動しません。
質問に関連するコードは次のとおりです。
// create the mass at the moving end of the spring
var point = board.create('glider', [5, 0, line], {withLabel: false, size: 1});
...
// create moving box at end of spring
var opts = {withLabel: false, size: 0, strokeColor:'green', fillColor:'green'};
var boxPoints = [];
boxPoints.push(board.create('point',[function(){return point.X()}, 0.5], opts));
boxPoints.push(board.create('point',[function(){return point.X()}, -0.5], opts));
boxPoints.push(board.create('point',[function(){return point.X()+2}, -0.5], opts));
boxPoints.push(board.create('point',[function(){return point.X()+2}, 0.5], opts));
board.create('polygon', boxPoints, {hasInnerPoints: true});
board.create('group', boxPoints);
望ましい結果は、グループのドキュメントhttps://jsxgraph.org/docs/symbols/Group.html#781b5564-a671-4327-81c6-de915c8f924eに見られる機能に似てい ますそれの任意の部分。
私が試した最初の解決策は、ボックスに使用されるポイントのグループにグライダーを含めることでしたが、ポイント オブジェクトのみを追加でき、グライダー オブジェクトは追加できません。