Atributo coords da área

HTML DOM Area

Definição e uso

coords Definir ou retornar a área do Atributo coords do valor.

coords O atributo define as coordenadas x e y da área.

coords O atributo, juntamente com o atributo shape, é usado para definir o tamanho, forma e posição da área.

Dica:As coordenadas do canto superior esquerdo da área são 0,0.

Dica:Use Atributo shape Definir ou retornar a área do Valor do atributo shape.

Exemplo

Exemplo 1

Obter as coordenadas de uma área específica do mapeamento de imagem:

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

Experimente você mesmo

Exemplo 2

Alterar as coordenadas de uma área específica do mapeamento de imagem:

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

Experimente você mesmo

Sintaxe

Retornar a propriedade coords:

areaObject.coords

Definir a propriedade coords:

areaObject.coords = value

Valor do atributo

Valor Descrição
x1, y1, x2, y2 Se o atributo shape for configurado como "rect", ele define as coordenadas do canto superior esquerdo e o canto inferior direito do retângulo.
x, y, radius Se o atributo shape for configurado como "circle", ele define as coordenadas do centro e o raio da circunferência.
x1, y1, x2, y2, .. , xn, yn

Se o atributo shape for configurado como "poly", ele define as coordenadas da borda do polígono.

Se o primeiro e o último par de coordenadas não forem idênticos, o navegador deve adicionar o último par de coordenadas para fechar o polígono.

Detalhes técnicos

Retorno: Valor de string, representando uma lista de coordenadas separadas por vírgulas.

Suporte de navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Páginas relacionadas

Manual de referência do HTML:A propriedade coords do tag <area> do HTML

HTML DOM Area