HTML <area> coords गुण

एचटीएमएल <area> टैग

विभाग और उपयोग

coords एट्रिब्यूट एट्रिब्यूट निर्धारित करता है कि छवि मैपिंग में क्षेत्र के निर्देशांक क्या है।

coords एट्रिब्यूट एट्रिब्यूट के साथ shape एट्रिब्यूट एक साथ प्रयोग करके क्षेत्र के आकार, आकार और स्थान को निर्धारित करें।

सुझाव:क्षेत्र के बाहरी उपरी छोर के निर्देशांक 0,0 हैं।

ध्यान:यदि किसी area टैग के निर्देशांक कोई अन्य क्षेत्र के साथ टकरान होता है, तो सबसे पहले आए area टैग को प्राथमिकता दी जाती है। ब्राउज़र छवि की सीमा से बाहर के निर्देशांकों को नज़रअंदाज़ करेगा।

उदाहरण

coords एट्रिब्यूट का उपयोग करके छवि मैपिंग में प्रत्येक क्षेत्र के निर्देशांकों को निर्धारित करें:

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

यहाँ x और y गोलक के स्थान को निर्धारित करते हैं ("0,0" छवि के बाहरी उपरी छोर के निर्देशांक है), r पिक्सल में गोलक का दायरा है।

बहुभुज: shape="polygon", coords="x1,y1,x2,y2,x3,y3,..."

हर एक "x,y" निर्देशांक के साथ एक बहुभुज का एक शीर्ष निर्धारित होता है ("0,0" छवि के बाहरी उपरी छोर के निर्देशांक है)। त्रिभुज को निर्धारित करने के लिए कम से कम तीन निर्देशांकों की आवश्यकता होती है; ऊचा दायरा वाले बहुभुज के लिए अधिक संख्या में शीर्ष होते हैं।

बहुभुज स्वत: बंद होता है, इसलिए सूची के अंत में पहले कोआर्ड को दोहराने के लिए पूरे क्षेत्र को बंद करने की आवश्यकता नहीं है।

वृत्त: शैली="rectangle"，कोआर्ड्स="x1,y1,x2,y2"

पहला कोआर्ड वृत्त के एक कोण के शीर्ष के कोआर्ड है, दूसरा कोआर्ड वृत्त के दूसरे कोण के कोआर्ड है, "0,0" इमेज के बाएँ ऊपरी कोण के कोआर्ड है।कृपया ध्यान दें कि वृत्त को परिभाषित करना वास्तव में चार शीर्षों वाले बहुभुज को परिभाषित करने के एक सरलीकृत तरीका है。

उदाहरण में, नीचे दिए गए XHTML टुकड़े एक 100x100 पिक्सल इमेज के दायरे के दायरे के दायरे में एक माउस प्रतिक्रियाशील क्षेत्र को परिभाषित करता है और इमेज के मध्य में एक गोलाकार क्षेत्र को परिभाषित करता है。

<map नाम="map">
  <area शैली="rect" कोआर्ड्स="75,75,99,99" nohref="nohref">
  <area शैली="circ" कोआर्ड्स="50,50,25" nohref="nohref">
</map>

ब्राउज़र सहायता

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम एज फायरफॉक्स सफारी ओपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट

एचटीएमएल <area> टैग