Cómo obtener las coordenadas del mapa de etiquetas HTML

Al depurar un mapa de imagen que no está funcionando adecuadamente, un problema que se puede encontrar es un punto de acceso fuera de lugar. Si usted no tiene un "lo que ves es lo que obtienes" editor de la mano, pero sí tiene un editor gráfico y una copia local de la imagen en cuestión, una solución simple es para ver las coordenadas de los puntos de acceso y editarlos según sea necesario. Puede acceder a estas coordenadas mediante la visualización del código fuente de la página web.

Instrucciones

1 Navegue por su navegador web a la página que contiene el mapa de imagen que desea examinar.

2 Haga clic en la imagen en cuestión y ver sus propiedades. Tome nota del nombre de archivo de la imagen.

3 Haga clic en cualquier lugar del documento y seleccione "Ver código fuente" en el submenú. Buscar el nombre de archivo de la imagen que ha tomado nota de arriba. Cuando encuentre la etiqueta <img> que hace referencia al nombre del archivo, tome nota del valor del elemento "usemap" dentro de la etiqueta.

4 Buscar en el código fuente para el valor del elemento "usemap" que tomó nota de arriba. Que busca una etiqueta <map> con un elemento de "nombre" con ese mismo valor.

5 Búsqueda de los valores dados para las "coordenadas" elementos de imagen del mapa <area> etiquetas. Se les dará en el formato de "x1, y1, x2, y2" para una zona interactiva rectangular, donde x1 e y1 son las coordenadas de la esquina superior izquierda, mientras que x2 e y2 son las coordenadas de la esquina inferior derecha de el punto de acceso (relativa a la esquina superior izquierda de la imagen), respectivamente.