ドラッグできるビジュアル オブジェクトが 2 つあります。それらの間の線を「接着」して、1つのオブジェクトをドラッグすると、線が調整され、ドラッグされたオブジェクトの同じ相対点に留まるようにします(node-red、jointjs、cad/camを考えてください)。
ビジュアル オブジェクトは、要素のグループ (0,0) を使用して作成されます。ドラッグは、グループ オブジェクトのマトリックスを変換することによって実装されます。（これにより、将来のズームインとズームアウトが容易になるため、マトリックスを使用したいと思います）。
始点と終点という2つの要素を持つ新しい「線」を作りたいと考えています。始点はビジュアル オブジェクト 1 とグループ化され、終点はオブジェクト 2 とグループ化されます。オブジェクト 2 がドラッグされると、線の終点はグループ 2 のマトリックス変換に含まれ、そのオブジェクトにとどまります。(オブジェクト 1 と開始点についても同様です)。
私はスナップとjsが初めてです。始点要素と終点要素を含むこのような新しい「線」要素を作成する方法に行き詰まっています（たとえば、線のプロトタイプを拡張する方法またはそれを「サブクラス化」する方法）。
アドバイスが必要です。ありがとう。
