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