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" 是图像左上角的坐标。请注意,定义矩形实际上是定义带有四个顶点的多边形的一种简化方法。
উদাহরণে, নিচের 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>
ব্রাউজার সমর্থন
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
---|---|---|---|---|
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |