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

Таким образом, вы должны установить изображение в качестве «background-image» родительского div с «background-repeat: no-repeat».

Положение изображения может контролироваться свойством background-position.

Конечно, могут быть альтернативные реализации, использующие в родительском div и использующие умное взаимодействие «position: absolute» и «position: относительный», но я видел, что перемещение изображений более плавное, если изображение фон, скорее, чтобы изображение присутствовало в виде.

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

ура, мл