Html area coords как узнать координату на рисунке

Атрибут coords

Устанавливает координаты области, она также называется «горячая область». Такая область может быть ссылкой на файл или связана с действием, определяемым скриптом.

Значения координат представляют собой набор чисел, разделенных запятыми. Если две области перекрываются между собой, приоритет имеет та, которая определена в коде HTML выше.

Синтаксис

Обязательный атрибут

Значения

Набор координат определяется формой «горячей области», которая задается атрибутом shape . Отсчет координат обычно ведется от левого верхнего угла изображения и указывается в пикселах.

Для прямоугольника ( shape="rect" ) определяется четыре координаты — X₁, Y₁, X₂, Y₂, как показано на рис. 1.

Рис. 1. Координаты для прямоугольника

Для окружности ( shape="circle" ) определяется три координаты — координаты центра окружности (X, Y) и ее радиус (R), как показано на рис. 2.

Рис. 2. Координаты для окружности

Для полигона (многоугольника) ( shape="poly" ) последовательно указываются координаты каждой вершины (X₁, Y₁, X₂, Y₂, :), как показано на рис. 3.

Рис. 3. Координаты для полигона

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

HTML5 IE Cr Op Sa Fx

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Area coords Property

Получить координаты для конкретной области в изображении-карте:

var x = document.getElementById("venus").coords;

В результате х будет:

Определение и использование

В COORDS наборов свойств или возвращает значение coords атрибута области.

coords атрибут определяет й и у координаты области.

В coords атрибут используется вместе с shape атрибута , чтобы определить размер, форму и расположение области.

Tip: Координаты левого верхнего угла области являются 0,0.

Совет: Используйте форму собственности , чтобы установить или вернуть значение shape атрибута области.

Поддержка браузеров

Синтаксис

Возвращение COORDS недвижимости:

areaObject .coords

Установите COORDS свойства:

areaObject .coords= Значения свойств

Технические подробности

Еще примеры

пример

Изменение координат для определенной области в изображении-карте:

Атрибут coords

Атрибут / параметр coords (от англ. " coord inate s " ‒ «координаты») задаёт координаты активной области карты-изображения. Точкой отсчёта координат выступает левый верхний угол карты-изображения.

Условия использования

В зависимости от типа фигуры (задаётся атрибутом « shape ») активной области задаются определённые координаты и параметры области. (Расчёт координат ведётся в пикселях.)

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

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

Значения

В качестве значения указываются координаты активной области карты-изображения:

Правильный четырёхугольник [ shape="rect" ]

х₁,y₁,x₂,y₂ Задаются « x » и « y » координаты левой верхней и правой нижней вершины прямоугольника.

Окружность [ shape="circle" ]

х,y,r Задаются « x » и « y » координаты центра окружности и значение радиуса (« r »).

Значение радиуса может быть выражено в процентах. В этом случае вычисление радиуса происходит по координате центра окружности с наименьшим значение (то есть за основу берётся либо значение « x », либо значение « y »).

  Радиус в пикселях --> Радиус в процентах -->

Многоугольник [ shape="poly" ]

х₁,y₁,х₂,y₂,х₃,y₃. х_n,y_n Задаются « x » и « y » координаты всех вершин многоугольника. Первая и последняя пара « x » и « y » координат должна быть одинаковой, для того чтобы образовать многоугольник. В случае, когда эти значения координат не совпадают браузер должен самостоятельно создать дополнительную пару координат совпадающую с первой парой координат, для того чтобы образовался многоугольник.