HTML <area> coords egenskap

Definition och användning

coords Attributet reglerar koordinaterna för områden i bildkorten.

coords Attributet med shape-egenskapen Används tillsammans för att specificera storlek, form och plats för området.

Tips:Koordinaterna för den vänstra övre hörnet är 0,0.

Observera:Om koordinaterna i en area-tagg kolliderar med andra områden, används den första area-taggen först. Webbläsaren ignorerar koordinater utanför bildens gränser.

Exempel

Använd coords-egenskapen för att definiera koordinaterna för varje område i bildkorten:

<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>

Prova själv

Syntaks

<area coords="value">

Attributvärde

Värde Beskrivning
x1,y1,x2,y2 Reglerar koordinaterna för den vänstra övre och nedre högra hörnet av rektangeln (shape="rect").
x,y,radius Reglerar koordinaterna för cirkelns mittpunkt och radien (shape="circle").
x1,y1,x2,y2,...,xn,yn

Reglerar koordinaterna för polygongrens.

Om det första och sista koordinatparen inte är desamma, lägger webbläsaren till det sista koordinatparen för att stänga polygonen (shape="poly").

Detaljerad förklaring:

coords-egenskapen för <area>-taggen definierar koordinaterna för den mottagliga regionen i klientens bildkarta. Koordinaternas nummer och innebörd beror på den form som bestämms av shape-egenskapen. Man kan definiera hyperlink-regioner i klientens bildkarta som rektangel, cirkel eller polygon.

Nedan listas de lämpliga värdena för varje form:

Cirkel: shape="circle", coords="x,y,z"

Här definierar x och y positionen för cirkelns mittpunkt ("0,0" är koordinaten för högra övre hörnet av bilden), r är cirkelns radius i pixels.

Polygon: shape="polygon", coords="x1,y1,x2,y2,x3,y3,..."

Varje par "x,y"-koordinat definierar en vertex av en polygone ("0,0" är koordinaten för högra övre hörnet av bilden). För att definiera en triangel krävs minst tre koordinater; för högre polygone behöver fler vertex.

Polygonen stängs automatiskt, så det behövs inte att upprepa den första koordinaten i slutet av listan för att stänga hela området.

Rektangel: shape="rectangle", coords="x1,y1,x2,y2"

Den första koordinaten är hörnpunkten för rektangelns ena hörn, och det andra paret av koordinater är hörnpunkten för det andra hörnet, "0,0" är koordinaten för det vänstra övre hörnet av bilden.Observera att definiera rektangel är en förenklad metod för att definiera en polygon med fyra hörn.

Till exempel, följande XHTML-fragment definierar en märkbar region i den nedre högra fjärdedelen av en 100x100 bildpunkt och en cirkulär region i mitten av bilden.

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

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd