4

クリックするとドラッグできる一連の div があります。マウスを放すと、div はアニメーションで元の位置に戻ります。

これらのドラッグ可能な div の任意の 2 つの間に直線を描画できるようにしたいと考えています。線は、1 つの div の中心で開始し、2 番目の div の中心で終了する必要があります。div の 1 つをクリックしてドラッグすると、線は両方の div に接続されたままになり、2 つの div 間のスペースの量に応じて必要に応じて伸縮します。マウスを離しても、線は div に接続されたままになります。

ドラッグ可能な div が正しく機能しています。線画部分の解き方がまったくわかりません。どんなガイダンスでも大歓迎です。

4

1 に答える 1

2

この記事では、jquery といくつかの css 変換を使用して線を引くかなり複雑な方法について説明します - 個人的には試したことはありませんが、おそらく一見の価値があります

キャンバスも常にありますが、この場合はおそらくさらに実用的ではないと思います

最後に、この回答には、問題を解決する可能性のある js ライブラリを含む

于 2013-11-09T05:44:25.170 に答える