tutoriais mais recente desenvolvimento web
 

Area coords Property

<Área Objeto

Exemplo

Obter as coordenadas para uma área específica em uma imagem-mapa:

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

O resultado x será:

124,58,8
Tente você mesmo "

Definição e Uso

Os conjuntos de propriedades coords ou retorna o valor da coords atributo de uma área.

O coords atributo especifica a coordenadas x e y de uma área.

Os coords atributo é utilizado em conjunto com a shape atributo para especificar o tamanho, a forma e a colocação de uma área.

Tip: As coordenadas do canto superior esquerdo de uma área são 0,0.

Dica: Use o formato propriedade para definir ou devolver o valor da shape atributo de uma área.


Suporte navegador

Propriedade
coords sim sim sim sim sim

Sintaxe

Devolver o imóvel coords:

areaObject .coords

Defina a propriedade coords:

areaObject .coords= Valores de propriedade
Valor Descrição
x1,y1,x2,y2 Se a shape atributo é definido como "rect" , especifica as coordenadas do canto superior esquerdo e no canto inferior direito do retângulo
x,y,radius Se a shape atributo é definido como "circle" , ele especifica as coordenadas do centro do círculo e o raio
x1,y1,x2,y2,..,xn,yn Se a shape atributo é definido como "poly" , ele especifica as coordenadas dos bordos do polígono. Se os primeiros e últimos pares de coordenadas não são os mesmos, o navegador deve adicionar o último par de coordenadas para fechar o polígono

Detalhes técnicos

Valor de retorno: Uma corda, o que representa uma lista separada por vírgulas de coordenadas

mais Exemplos

Exemplo

Alterar as coordenadas para uma área específica em uma imagem-mapa:

document.getElementById("venus").coords = "90,58,3";
Tente você mesmo "

Páginas relacionadas

: Referência HTML HTML <area> atributo coords


<Área Objeto