Jak uzyskać aktualną pozycję obrazu w jQuery?

Question

Opracowuję skrypt do manipulacji obrazami, który ma tło i użytkownik może przesłać jeden lub więcej obrazów na to tło. Chcę, aby użytkownicy mogli przeciągać i przemieszczać się wokół BG, a ostatecznie mogą wygenerować ostateczny obraz. Jednak nie mam pojęcia, jak uzyskać pozycję przeciągalnej pozycji obrazu na BG. Szukałem w Internecie i e-bookach, ale nie mam pojęcia. Proszę, pokaż mi sposób, a ja będę czekał na twoje cenne odpowiedzi.

Answer 1

Spójrz na position():

var pos = $("#myimage").position(); // returns an object with the attribute top and left 
pos.top; // top offset position 
pos.left; // left offset position 

Answer 2

Mówiłeś dwie rzeczy:

1. chcesz zachować obraz w tle
2. chcesz być w stanie dostosować swoje pozycja w elemencie nadrzędnym.

Powinieneś więc ustawić obraz jako "obraz tła" elementu div, z "background-repeat: no-repeat".

Pozycją obrazu można sterować za pomocą właściwości "position-position".

Oczywiście, mogą istnieć alternatywne implementacje za pomocą elementu div rodzicielskiego i przy użyciu sprytnej zależności "position: absolute" i "position: relative", ale widziałem, że repozycjonowanie obrazów jest płynniejsze, jeśli obraz jest tłem, a raczej, że obraz jest obecny jako.

Nadzieję, że pomaga.

okrzyki, jrh