Làm thế nào để có được vị trí hiện tại của một hình ảnh trong jQuery?

Question

Tôi đã phát triển một tập lệnh thao tác hình ảnh có nền và người dùng có thể tải lên một hoặc nhiều hình ảnh lên nền đó. Tôi muốn người dùng có thể kéo và di chuyển xung quanh BG và cuối cùng họ có thể tạo ra hình ảnh cuối cùng. Tuy nhiên, tôi không có ý tưởng làm thế nào để có được vị trí của vị trí hình ảnh có thể kéo trên BG. Tôi đã tìm kiếm trên Internet và sách điện tử nhưng không có đầu mối. Vui lòng chỉ cho tôi một số cách và tôi sẽ chờ các câu trả lời quý giá của bạn.

Answer 1

Hãy xem 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

Bạn đã cho biết hai điều:

1. bạn muốn giữ hình ảnh trong nền
2. bạn muốn để có thể điều chỉnh nó vị trí trong phần tử gốc.

Vì vậy, bạn nên đặt hình ảnh làm "hình nền" của div mẹ, với "lặp lại nền: không lặp lại".

Vị trí của hình ảnh có thể được kiểm soát bởi thuộc tính "vị trí nền".

Tất nhiên, có thể có các triển khai thay thế bằng cách sử dụng div phụ huynh và sử dụng tương tác thông minh của "vị trí: tuyệt đối" và "vị trí: tương đối", nhưng tôi đã thấy rằng việc định vị lại hình ảnh mượt mà hơn nếu hình ảnh là một nền tảng, thay vì hình ảnh có mặt như một.

Hy vọng điều đó sẽ hữu ích.

chúc mừng, jrh