خصائص <area> coords

علامة HTML <area>

التعريف والاستخدام

خصائص coords تحديد إحداثيات المنطقة في خريطة الصورة.

خصائص coords الخصائص مع خصائص shape استخدامها معًا لتحديد حجم و شكل و موقع المنطقة.

نصيحة:إحداثيات الزاوية العلوية اليسرى هي 0,0.

ملاحظة:إذا كانت إحداثيات علامة 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").

تفسير مفصل:

تعريف coords الخاص بـ <area> يحدد الإحداثيات للمناطق الحساسة للفأرة في خريطة الصورة العميل. يعتمد رقم الإحداثيات ومعانيها على شكل المنطقة المحدد في خصائص 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 في čtvrtina أسفل اليمين لصورة 100x100 بكسل، يحدد منطقة حساسة للفأرة، ويحدد منطقة دائرية في منتصف الصورة.

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

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم

علامة HTML <area>