Атрибут coords
Атрибут coords
устанавливает координаты активной области на изображении.
Атрибут coords
используется совместно с атрибутом shape
, который определяет форму активной области.
Синтаксис
<area coords="координаты">
Значения
координаты — значения координат представляют собой набор чисел, разделённых запятыми. Если две области перекрываются между собой, то приоритет имеет та, которая расположена в HTML-коде выше (раньше).
Набор координат определяется выбранной с помощью атрибута shape
формой. Отсчёт координат ведётся от верхнего левого угла изображения и указывается в пикселях. Верхний левый угол имеет координаты — 0, 0.
Возможные значения атрибута:
Значение | Описание |
---|---|
x1,y1,x2,y2 | Координаты верхнего левого и нижнего правого угла прямоугольника (shape="rect" ):
|
x,y,радиус | Координаты центра окружности и радиус (shape="circle" ):
|
x1,y1,x2,y2,...,xn,yn | Координаты вершин многоугольника (shape="poly" ). Если первая и последняя пары координат не совпадают, браузер автоматически добавит последнюю пару координат, чтобы замкнуть многоугольник:
|
Значение по умолчанию
Нет.
Пример
<img src="squares.png" alt="Три квадрата" usemap="#num1">
<map name="num1">
<area shape="rect" coords="3,2,67,58" href="/html/atr_coords_area.php" alt="Первый квадрат">
</map>
Результат