Как получить текущую позицию изображения в 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», но я видел, что перемещение изображений более плавное, если изображение является фоном, скорее, чтобы изображение было представлено как.

Надеюсь, что это поможет.

cheers, jrh