私は背景を持つ画像操作スクリプトを開発しており、ユーザーはその背景に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. MAPBOXでアンドロイドで現在の位置を取得する方法
- 3. キャンバスの現在のビュー位置を取得する方法は?
- 4. UIWebViewで現在のスクロール位置を取得する方法
- 5. グリッドビュー内の画像の位置を取得する方法は?
- 6. Androidは現在の位置を取得
- 7. Erlang:現在のファイルカーソル位置を取得する方法
- 8. 現在の位置を取得する方法アンドロイド?
- 9. Matlabで画像のカーソル位置を取得する方法
- 10. Cocoa - 画面上の現在のウィンドウ位置を取得する
- 11. Androidでカメラから撮影した画像の現在位置を取得する方法
- 12. jquery ui map(gmap)で現在の位置を取得
- 13. アンドロイドの現在の位置を取得
- 14. 現在のマウスの位置を取得
- 15. Geofence.GEOFENCE_TRANSITION_EXITの現在の位置を取得
- 16. エミュレータで現在の固定位置を取得する方法は?
- 17. Androidの現在の位置の方向を取得する
- 18. Javaを使ってSikuliで画像の位置を取得する方法は?
- 19. iphoneの地図上で現在地の位置を取得する方法
- 20. ネットワークオペレータからアンドロイドで現在のタワーの位置を取得する方法
- 21. 目的地CでNSArrayの現在の位置を取得する方法
- 22. アンドロイドのボタンをクリックすると現在の位置を取得する方法
- 23. カールで現在の正確な地理位置を取得する方法
- 24. スクロールズーム画像のカーソル位置を取得
- 25. 現在の画像ベースアドレスを取得
- 26. 進行状況バーの現在の値の位置を取得する方法
- 27. jQuery-Galleriffic、現在の画像のタイトルを取得
- 28. pyqt画像位置を取得
- 29. 反応ネイティブマップを使用して現在の位置を取得する方法
- 30. アンドロイドで大きな画像のタッチ位置を取得する方法