HTML <area> coords حصص
定义和用法
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" تصویر کا بالائی چپ کا کوآرڈینٹ ہے) تعریف کرتا ہے۔ تیکنایک کمپیوٹر گرافکس میں کون کا تعریف کرنے کیلئے کم سے کم تین جفت کوآرڈینٹز کی ضرورت ہوتی ہے؛ اعلیٰ درجے کا کون زیادہ سے زیادہ نقطات کی ضرورت کراتا ہے۔
مضاقها به صورت خودکار بسته میشوند، بنابراین نیازی به تکرار اولین مجموعه از مقادیر در انتهای لیست برای بستن کل منطقه نیست.
مستطیل: shape="rectangle"،coords="x1,y1,x2,y2"
نخستین مجموعه از مقادیر، مقادیر گوشهای یک مستطیل است، و مجموعه دیگر از مقادیر، گوشهای از گوشههای مقابل است، "0,0" مقادیر گوشه بالا سمت چپ تصویر است. توجه داشته باشید که تعریف مستطیل در واقع یک روش ساده برای تعریف یک چندضلعی با چهار گوشه است.
مثلاً، بخش پایین سمت راست چهارمین بخش یک تصویر 100x100 پیکسلای، یک منطقه حساس به ماوس را تعریف میکند و یک منطقه دایرهای در وسط تصویر تعریف میکند.
<map name="map"> <area shape="rect" coords="75,75,99,99" nohref="nohref"> <area shape="circ" coords="50,50,25" nohref="nohref"> </map>
پشتیبانی از مرورگر
کروم | ایج | افرادا | سافاری | اپرا |
---|---|---|---|---|
کروم | ایج | افرادا | سافاری | اپرا |
پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |