Saludos!!! Tengo una aplicación que te dibuja un plano y he conseguido que dibuje encima de ese plano una serie de iconos. La aplicación se conecta a una bd que almacena las coordenadas x e y del icono. Mi duda es la siguiente:
Yo quiero que las coordenadas en las que me dibuje los iconos no dependan del tamaño de la pantalla, para lo cual lo que hago es dar las coordenadas tomando como punto de inicio la esquina superior-izquierda de la imagen de plano.
Aplico la siguiente cuenta para obtener las coordenadas:
coordenadax= e.clientX -document.getElementById("imagen").offsetLeft;
e.clientX=donde pincho el usuario q queria añadir el icono
offsetLeft= la distancia entre la posición de la imagen, y el borde de la página
de esta manera los iconos me los dibujara siempre en el mismo punto aunque el tamaño de la pantalla sea distinto.
Mi problema es que cuando intento dibujar la imagen en lugar de cogerme como punto de inicio la esquina superior_izquierda de la imagen, me coge la de la página. Me podríais decir que tengo mal en el código.
Esta es la manera en la que dibujo los iconos.
Código:
<img id='"id"' src='./images/box.png' style='position:absolute;top:"+getCoordY()+"px;left:"+getCoordX()+"px;z-index:5'