HTML <area> coords 属性

హెచ్టిఎంఎల్ <area> టాగ్

定义和用法

coords 属性规定图像映射中区域的坐标。

coords అమరిక మరియు: shape అమరిక విలువలు: కలిపి ఉపయోగించి ప్రాంతం పరిమాణాన్ని, ఆకారాన్ని మరియు స్థానాన్ని నిర్వచించడానికి ఉపయోగించబడుతుంది.

సలహా:ప్రాంతం ఎగువ మరియు ఎడమ కోణాంశాలు 0,0 ఉన్నాయి.

గమనిక:ఏదైనా area టాగ్ లో కోణాంశాలు ఇతర ప్రాంతాలతో కలుపుకున్నాయి అయితే, మొదటి ప్రాంతం అధికారణంగా పరిగణించబడుతుంది. బ్రౌజర్ చిత్రం బిందులు పైన కోణాంశాలను పరిగణించదు.

ఉదాహరణ:

కోణాంశాల అమరికను ఉపయోగించి చిత్రం మ్యాపింగ్లో ప్రతి ప్రాంతం కోణాంశాలను నిర్వచించు:

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

ప్రయత్నించండి:

సింథకం:

<area coords="value">

అమరిక విలువలు:

విలువలు: వివరణ:
x1,y1,x2,y2 రెక్టాంగలం ఎగువ మరియు క్రింది కోణాంశాలను నిర్వచించు (shape="rect").
x,y,radius కేంద్రం కోణాంశాలు మరియు వెడల్పును (shape="circle").
x1,y1,x2,y2,...,xn,yn

వింగిరాలి పక్కల కోణాంశాలను నిర్వచించు.

మొదటి మరియు చివరి కోణాంశాలు వ్యత్యాసం లేకపోతే, బ్రౌజర్ చివరి కోణాంశాన్ని కలిపేందుకు జోడిస్తుంది (shape="poly").

సవివరము:

టాగ్ `<area>` యొక్క coords అమరిక క్లయింట్ చిత్రం మ్యాపింగ్లో మౌస్ దగ్గరకు అనుబంధించిన ప్రాంతం కోణాంశాలను నిర్వచిస్తాయి. కోణాంశాలు మరియు అర్థాలు shape అమరిక లో నిర్వచించబడిన ప్రాంతం ఆకారం ప్రభావితం కాగలవు. క్లయింట్ చిత్రం మ్యాపింగ్లో హైపర్లింక్ ప్రాంతాలను లంకెట్, చక్రం లేదా వింగిరాలి లాంటి వివిధ ఆకారాలుగా నిర్వచించవచ్చు.

ప్రతి రకం ఆకారం యొక్క తగిన విలువలను క్రింద జాబితా చేశారు:

చక్రం: shape="circle", coords="x,y,z"

ఇక్కడ నా, y సంకేతాలు చక్రం కేంద్రం స్థానాన్ని నిర్వచిస్తాయి ("0,0" చిత్రం ఎగువ మరియు ఎడమ మూల కోణం), r పిక్సెల్స్ కోసం చక్రం వెడల్పు.

వింగిరాలి: shape="polygon", coords="x1,y1,x2,y2,x3,y3,..."

ప్రతి ఒక రెండు "x,y" కోణాంశాలు ఒక వింగిరాలి ఒక కొనాను నిర్వచిస్తాయి ("0,0" చిత్రం ఎగువ మరియు ఎడమ మూల కోణం). త్రికోణం నిర్వచించడానికి కనీసం మూడు కోణాంశాలు అవసరం; అధిక దారి పెద్ద వింగిరాలి కొరకు మరిన్ని కొనాలు అవసరం.

బహుకోణం స్వయంచాలకంగా మూసుతుంది, కాబట్టి జాబితా ముగింపులో మొదటి కోర్డినేట్లను మరొకసారి ఉపయోగించకుండా మొత్తం రంగాన్ని మూసివేయకూడదు.

రెక్టాంగలం: shape="rectangle"،coords="x1,y1,x2,y2"

మొదటి కోర్డినేట్లు రెక్టాంగలం ఒక మూలకు మూలకు కోర్డినేట్లు, మరొక కోర్డినేట్లు అన్ని మూలకు మూలకు కోర్డినేట్లు, "0,0" చిత్రం యొక్క ఎడమ పైకి మూలకు కోర్డినేట్లు ఉంటాయి. దానికి గమనించండి, రెక్టాంగలం నిర్వచించడం వాస్తవానికి నాలుగు మూలకు మూలకు కోర్డినేట్లు కలిగిన బహుకోణం నిర్వచించడం ఒక సరళీకృత పద్ధతి ఉంది.

ఉదాహరణకు, క్రింది XHTML ముక్క ఒక 100x100 పిక్సెల్ చిత్రం యొక్క మించిన ప్రతిమ చతురస్రాకారంలో ఒక మౌస్ అనుబంధ రంగాన్ని నిర్వచించి, చిత్రం యొక్క మధ్యలో ఒక రేఖాగణం నిర్వచించింది.

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

బ్రౌజర్ మద్దతు

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు

హెచ్టిఎంఎల్ <area> టాగ్