Atributo coords del área

Área del DOM HTML

Definición y uso

coords El atributo establece o devuelve el área del Atributo coords del valor.

coords El atributo define las coordenadas x e y del área.

coords El atributo se utiliza junto con el atributo shape para definir el tamaño, la forma y la posición del área.

Consejo:Las coordenadas del extremo superior izquierdo del área son 0,0.

Consejo:Usar Atributo shape Establecer o devolver el área del Valor del atributo shape.

Ejemplo

Ejemplo 1

Obtener las coordenadas de un área específica en el mapeo de imágenes:

var x = document.getElementById("venus").coords;

Prueba personal

Ejemplo 2

Cambiar las coordenadas de un área específica en el mapeo de imágenes:

document.getElementById("venus").coords = "129,161,10";

Prueba personal

Sintaxis

Devolver coords atributo:

areaObject.coords

Establecer coords atributo:

areaObject.coords = value

Valor del atributo

Valor Descripción
x1, y1, x2, y2 Si el atributo shape se establece en "rect", define las coordenadas del esquina superior izquierda y la esquina inferior derecha del rectángulo.
x, y, radio Si el atributo shape se establece en "circle", define las coordenadas del centro y el radio del círculo.
x1, y1, x2, y2, ..,, xn, yn

Si el atributo shape se establece en "poly", define las coordenadas del borde del polígono.

Si los pares de coordenadas primero y último no son iguales, el navegador debe agregar el último par de coordenadas para cerrar el polígono.

Detalles técnicos

Valor de retorno: Valor de cadena, que representa una lista de coordenadas separadas por comas.

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Páginas relacionadas

Manual de referencia de HTML:Atributo coords del etiqueta <area> de HTML

Área del DOM HTML