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