1

jQuery を使用せずに JavaScript を使用して、ユーザーが写真にタグを付ける四角形を描画できるようにしたいと考えています。写真上でマウスをドラッグすると、長方形が選択されます。ユーザーが領域をドラッグすると、長方形が伸びたり縮んだりします。ユーザーは、ほとんどのコンピューターのデスクトップでドラッグ可能な四角形のように、上や左を含む任意の方向にドラッグできます。設定する必要がある div オブジェクトのスタイル属性は何ですか?

編集: div エッジをドラッグするように設定する適切な属性を探しています。

4

3 に答える 3

2

私はそれを考え出した。、、、、、を使用して測定値を取得し、、、、、、、を 使用し て それらを設定offsetLeftするoffsetRight必要が あります。offsetTopoffsetBottomoffsetWidthoffsetHeightstyle.leftstyle.rightstyle.topstyle.bottomstyle.widthstyle.height

于 2012-05-25T01:56:50.307 に答える
0

「サイズ変更可能な」css属性がありますが、それは右下隅からしか機能しないと思います... mousedownイベントをリッスンしてから、マウスの座標を取得してから、mousemoveイベントのリッスンを開始し、それぞれ新しい座標に基づいて div のサイズ/位置を設定し、次に mouseup イベントで mousemove イベント リスナーを削除します。私は以前にそれをやったことがあると確信しています-コードを探して、あなたのためにjsfiddleに入れます。

于 2012-05-23T23:11:15.113 に答える
0

jQuery Resizableをご覧ください。

ニーズに合っている場合はそれを使用してください。そうでない場合は、実装方法を確認してください。

于 2012-05-23T22:55:07.010 に答える