¿Cómo obtener la posición actual de una imagen en jQuery?

Question

He estado desarrollando un script de manipulación de imágenes que tiene un fondo y el usuario puede cargar una o más imágenes en ese fondo. Quiero que los usuarios puedan arrastrar y mover alrededor de la BG y finalmente puedan generar la imagen final. Sin embargo, no tengo idea de cómo obtener la posición de posición de la imagen que se puede arrastrar en BG. He estado buscando en Internet y libros electrónicos, pero no tengo ni idea. Por favor muéstrame de alguna manera y estaré esperando tus preciosas respuestas.

Answer 1

Tome un vistazo a 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

Usted ha dicho dos cosas:

1. que quieren mantener la imagen en el fondo
2. que quieren ser capaces de ajustar su posición en el elemento padre.

Por lo tanto, debe establecer la imagen como la "imagen de fondo" de la div principal, con "background-repeat: no-repeat".

La posición de la imagen se puede controlar mediante la propiedad "posición de fondo".

Por supuesto, puede haber implementaciones alternativas utilizando un div principal, y utilizando la interacción inteligente de "posición: absoluta" y "posición: relativa", pero he visto que el reposicionamiento de las imágenes es más suave si la imagen es un fondo, más bien que la imagen esté presente como un.

Espero que ayude.

saludos, jrh