Атрибут coords

Атрибут coords тега <area> задает координаты формы, которая должна быть создана на карте изображения. Количество и порядок значений зависит от определения формы атрибутом shape. Если две области перекрывают друг друга, то приоритет будет иметь та, которая в HTML коде находится выше.

Значения

Значением координат атрибута coords служат набор чисел, разделенных запятыми. В зависимости от значения атрибута shape можно выделить следующие допустимые наборы координат для rect (прямоугольника), circle (круг), poly (многоугольник). Значения задаются в пикселях.

1. Rect - прямоугольник. Для прямоугольной области (атрибут shape="rect") координаты задаются 4 значениями X1, Y1, X2, Y2. Координата X1 от верхней левой точки прямоугольника до левого края изображения, Y1 от верхней левой точки до верха изображения, X2 от правой нижней точки до левой стороны изображения, Y2 от правой нижней точки до верха изображения. 

Координаты области при значении атрибута shape="rect"
Рис.1 Координаты области типа rect

 2. Circle - окружность. Для данной области (атрибут shape="rect") координаты задаются 3 значениями X, Y, R. Координата X от центра окружности до левой стороны изображения, Y от центра окружности до верха изображения, R радиус окружности.

Координаты области при значении атрибута shape="circle"
Рис.2 Координаты области типа circle

3. Poly - многоугольник. Для данной области (атрибут shape="poly") координаты задаются парами значений X, Y для каждой вершины многоугольника. Минимальное количество координат 6 (треугольная область). Кол-во координат соответственно всегда должно быть четным (X1,Y1,X2,Y2,X3,Y3 и т.д.). 

Координаты области при значении атрибута shape="poly"
Рис.3 координаты области типа poly

 

Значение по умолчанию

нет

Синтаксис

 <area coords="координата1, координата2, координата3">

Спецификация

версия HTML 3.2 HTML 4.01 HTML 5.0 XHTML 1.0 XHTML 1.1
поддержка да да да да да

Поддержка браузерами

браузер IE Chrome Opera Firefox Safari
версия 6.0+ 2.0+ 4.0+ 9.2+ 1.0+
поддержка да да да да да