ویژگی coords <area> HTML

برچسب <area> HTML

تعریف و استفاده

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

توضیحات دقیق:

خصوصیت 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 در یک تصویر 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
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی

برچسب <area> HTML