如何在jQuery中獲取圖像的當前位置？

Question

我一直在開發一個具有背景的圖像處理腳本，用戶可以將一個或多個圖像上傳到該背景。我希望用戶能夠拖動和移動BG並最終生成最終圖像。但是，我不知道如何獲得可拖動圖像在BG上的位置。我一直在搜索互聯網和電子書，但沒有線索。請給我一些方式，我會等待你的寶貴答覆。

Answer 1

在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

你說了兩句話：

1. 要保持圖像中
2. 你希望能夠調整其背景在父元素中的位置。

所以你應該把圖像設置爲父div的「背景圖像」，並使用「background-repeat：no-repeat」。

圖像的位置可以通過「background-position」屬性進行控制。

當然，在父div中可以使用替代實現，並且使用「position：absolute」和「position：relative」的巧妙相互作用，但是我已經看到如果圖像的重新定位更平滑是一個背景，而不是圖像作爲一個存在。

希望有所幫助。

乾杯，jrh