Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho um campo imagem no meu site com:
Width = 200 px
Height = 200 px
Já tenho uma função que captura a coordenada (dentro da imagem) do click do mouse.
O meu problema é que preciso mostrar um tooltip sobre esta coordenada na imagem, mas obviamente quando "seto" as coordenadas para o tooltip aparecer ela se refere as coordenadas de toda a página e não apenas da imagem.
Desta forma o Tooltip sempre aparece em uma coordenada deslocada do local correto.
Sabemos que a coordenada (0, 0) -> x=0 e y=0 da imagem está no canto superior esquerdo da imagem.
Ex: setar coordenadas (100, 100) deveria aparecer no centro da imagem.
Como fazer isso?
Como posso saber a coordenada da página que é igual a coordenada 0,0 da imagem ? (uma das formas que pensei)
Se eu soubesse, por exemplo, que a coordenada (0,0) da imagem é igual (250,300) da página eu desenrolava o resto. (acho que teria que fazer isso durante ou logo após o carregamento da página)
Ou setar a origem das coordenadas (0,0) do tooltip ser a (0,0) do campo imagem.
Agradeço antecipadamente qualquer ajuda!
Um abraço!
Rodrigojp
Carregando comentários...