私は背景を持つ画像操作スクリプトを開発しており、ユーザーはその背景に1つ以上の画像をアップロードすることができます。私はユーザーがBGの周りをドラッグして移動できるようにし、最終的に最終的な画像を生成することができます。しかし、私はどのようにBG上でドラッグ可能な画像の位置の位置を取得するのか分かりません。私はインターネットや電子ブックの周りを検索してきましたが、ヒントはありません。どうか私に見せてください。貴方の貴重な返事を待っています。jQueryで画像の現在位置を取得する方法は?
5
A
答えて
12
がposition()
を見てみましょう:
var pos = $("#myimage").position(); // returns an object with the attribute top and left
pos.top; // top offset position
pos.left; // left offset position
0
をあなたは二つのことを言った:
- あなたはそのを調整できるようにしたい
- 背景に画像を保存しておきたいです親要素の位置。
したがって、画像を親divの「背景画像」として、「background-repeat:no-repeat」で設定する必要があります。
イメージの位置は、 "background-position"プロパティで制御できます。
もちろん、親div内のanを使用し、 "position:absolute"と "position:relative"の巧妙な相互作用を使用して別の実装を行うこともできますが、画像の再配置がスムーズです背景ではなく、イメージがイメージとして存在する。
希望に役立ちます。
歓声、jrh
関連する問題
- 1. FragmentPagerAdapterで現在の位置を取得する方法は?
- 2. キャンバスの現在のビュー位置を取得する方法は?
- 3. UIWebViewで現在のスクロール位置を取得する方法
- 4. グリッドビュー内の画像の位置を取得する方法は?
- 5. Androidは現在の位置を取得
- 6. Cocoa - 画面上の現在のウィンドウ位置を取得する
- 7. 現在のマウスの位置を取得
- 8. アンドロイドの現在の位置を取得
- 9. エミュレータで現在の固定位置を取得する方法は?
- 10. ネットワークオペレータからアンドロイドで現在のタワーの位置を取得する方法
- 11. iphoneの地図上で現在地の位置を取得する方法
- 12. 目的地CでNSArrayの現在の位置を取得する方法
- 13. アンドロイドのボタンをクリックすると現在の位置を取得する方法
- 14. pyqt画像位置を取得
- 15. アンドロイドで大きな画像のタッチ位置を取得する方法
- 16. jQuery-Galleriffic、現在の画像のタイトルを取得
- 17. Delphi 2009で画像の現在の表示サイズを取得する方法
- 18. 現在のユーザー以外のfacebooker2でプロフィール画像を取得する方法
- 19. 現在のモニタでコンポーネントの位置を取得します
- 20. 現在の位置にdivのIDを取得する
- 21. 入力リストの現在の位置を取得する
- 22. ユーザーの現在の位置を取得するandroid
- 23. ブートストラップの現在の画面サイズを取得する方法は?
- 24. Windows Phone画面のすべての現在のタッチの位置を取得
- 25. 現在の位置またはスライダの値を取得
- 26. JavaScriptの現在の画像の番号を取得する方法
- 27. JqueryタブのUIで現在のタブタイトルを取得する方法
- 28. ピンを落とす方法とオフラインマップタイルから現在の位置と座標を取得する方法は?
- 29. jqueryアニメーション背景位置 - 現在の背景位置を最初に取得する問題
- 30. UITextFieldの現在のキャレット位置を特定する方法は?