Atrybut coords tagu <area> HTML

Tag <area> HTML

Definicja i użycie

coords Atrybuty określają współrzędne obszaru w mapie obrazu.

coords Atrybuty Atrybut shape Razem określają rozmiar, kształt i pozycję obszaru.

Wskazówka:Współrzędne lewego górnego rogu obszaru wynoszą 0,0.

Uwaga:Jeśli współrzędne w etykiecie area są重叠z innymi obszarami, priorytetem jest etykieta area pojawiająca się najpierw. Przeglądarka zignoruje współrzędne poza granicami obrazu.

Przykład

Użyj atrybutu coords, aby określić współrzędne każdej obszaru w mapie obrazu:

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" href="sun.htm" alt="Sun">
<area shape="circle" coords="190,230,5" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="228,230,5" href="venus.htm" alt="Venus">
</map>

Spróbuj sam

Gramatyka

<area coords="value">

Wartość atrybutu

Wartość Opis
x1,y1,x2,y2 Określenie współrzędnych lewego górnego i prawego dolnego rogu prostokąta (shape="rect").
x,y,radius Określenie współrzędnych środka i promienia (shape="circle").
x1,y1,x2,y2,...,xn,yn

Określenie współrzędnych boków wielokąta.

Jeśli pierwsze i ostatnie pary współrzędnych są różne, przeglądarka doda ostatnią parę współrzędnych, aby zamknąć wielokąt (shape="poly").

Szczegółowe wyjaśnienie:

Atrybut coords etykiety <area> definiuje współrzędne obszaru wrażliwego na mysz w mapie klienta obrazu. Wartości liczbowe oraz ich znaczenie zależą od kształtu określonego w atrybucie shape. Można zdefiniować obszary hiperłączy w mapie klienta jako prostokąt, koło lub wielokąt.

Poniżej znajdują się odpowiednie wartości dla każdego kształtu:

Kółko: shape="circle", coords="x,y,z"

Tutaj x i y definiują pozycję środka koła ("0,0" to współrzędne lewego górnego rogu obrazu), r to promień koła wyrażony w pikselach.

Wielokąt: shape="polygon", coords="x1,y1,x2,y2,x3,y3,..."

Każukorzystanie zparu "x,y" współrzędnychdefiniujewierzchołek wielokąta ("0,0" to współrzędne lewego górnego rogu obrazu). Definiowanie trójkąta wymagaco najmniej trzech zestawów współrzędnych; wielokąty o wysokiej współrzędnej wymagają więcej wierzchołków.

Wielokąty są automatycznie zamknięte, więc nie jest konieczne powtarzanie pierwszych współrzędnych na końcu listy, aby zamknąć całą region.

Prostokąt: shape="rectangle", coords="x1,y1,x2,y2"

Pierwszy zestaw współrzędnych to współrzędne kąta jednego z rogów prostokąta, drugie zestaw współrzędnych to współrzędne kąta przeciwległego, "0,0" to współrzędne lewego górnego rogu obrazu. Proszę zauważyć, że definicja prostokąta jest uproszczonym sposobem zdefiniowania wielokąta z czterema wierzchołkami.

Na przykład, poniższy fragment XHTML w prawym dolnym czwartym kącie 100x100-pikselowego obrazu definiuje obszar wrażliwy na mysz oraz okrągły obszar w środku obrazu.

<map name="map">
  <area shape="rect" coords="75,75,99,99" nohref="nohref">
  <area shape="circ" coords="50,50,25" nohref="nohref">
</map>

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Tag <area> HTML