HTML <area> coords ominaisuus
Määritelmä ja käyttö
coords
Ominaisuus määrittää kuvamappauksen alueen koordinaatit.
coords
Ominaisuus shape-ominaisuus Yhdessä niiden avulla määritellään alueen koko, muoto ja sijainti.
Vinkki:Alueen ylävasemman koordinaatit ovat 0,0.
Huomioitavaa:Jos jossakin area-tagin koordinaateissa tapahtuu ristiriita muiden alueiden kanssa, ensimmäinen esiintyvä area-tagia käytetään ensisijaisesti. Selain ohittaa kuvan reunien ulkopuolelle sijoittuvat koordinaatit.
Esimerkki
Määritä kuvamappauksen jokaisen alueen koordinaatit coords-ominaisuuksella:
<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>
Syntaksi
<area coords="value">
Ominaisuusarvo
Arvo | Kuvaus |
---|---|
x1,y1,x2,y2 | Määritä suorakulmion ylävasemman ja oikean alakulman koordinaatit (shape="rect"). |
x,y,radius | Määritä pyöreän keskipisteen koordinaatit ja säde (shape="circle"). |
x1,y1,x2,y2,...,xn,yn |
Määritä polygonin reunien koordinaatit. Jos ensimmäinen ja viimeinen koordinaattipari eivät ole samat, selain lisää viimeisen koordinaattiparin sulkeakseen polygonin (shape="poly"). |
Yksityiskohtainen selitys:
<area>-tagin coords-ominaisuus määrittää asiakasohjelmistossa olevan kuvamappauksen hiirellä herkän alueen koordinaatit. Koordinaattien numerot ja niiden merkitys riippuvat alueen muodosta, jota shape-ominaisuus määrittää. Voit määrittää asiakasohjelmistossa olevan kuvamappauksen hyperlinkkialueen suorakulmioksi, pyöreäksi tai polygoniksi.
Alla luetellaan jokaisen muodon sopivat arvot:
Pyöreä: shape="circle", coords="x,y,z"
Tässä x ja y määrittävät pyöreän keskipisteen sijainnin ("0,0" on kuvan vasemman yläkulman koordinaatit), r on pyöreän säde kuvapisteinä.
Polygoni: shape="polygon", coords="x1,y1,x2,y2,x3,y3,..."
Jokainen pariskunta "x,y" koordinaatit määrittää polygonin yhden kulman ("0,0" on kuvan vasemman yläkulman koordinaatit). Triangelin määrittämiseen tarvitaan vähintään kolme koordinaattiparia; korkean etäisyyden polygoni tarvitsee enemmän kulmia.
Monikulmio suljetaan automaattisesti, joten ensimmäinen koordinaatti ei tarvitse toistaa listan lopussa koko alueen sulkeakseen.
Suorakulmio: shape="rectangle", coords="x1,y1,x2,y2"
Ensimmäinen koordinaatti on suorakulmion yhden kulman koordinaatit, toinen koordinaatti on vastakkaisen kulman koordinaatit, "0,0" on kuvan vasemman yläkulman koordinaatit. Huomaa, että suorakulmion määrittäminen on monikulmion neljä kulmaa määrittävän yksinkertaistettu tapa.
Esimerkiksi, seuraava XHTML-osa määrittelee oikeassa alakulmassa 100x100 pikselin kuvan neljänneksessä herkän alueen ja keskipisteessä kiertokulman alueen kuvassa.
<map name="map"> <area shape="rect" coords="75,75,99,99" nohref="nohref"> <area shape="circ" coords="50,50,25" nohref="nohref"> </map>
Selaimen tuki
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Tuki | Tuki | Tuki | Tuki | Tuki |