Spec-Zone.ru › Web APIs

HTMLAreaElement: свойство coords

Базовая линия Широко доступно

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

Свойство coords интерфейса HTMLAreaElement задаёт координаты формы элемента в виде списка чисел с плавающей точкой. Оно отражает атрибут <area> элемента coords.

Если shape rect, форма — прямоугольник, и четыре числа в строке, разделённые запятыми, указывают координаты верхнего левого и нижнего правого углов прямоугольника. Например, 0,0,200,20 определяет координаты как 0,0, что является верхним левым углом карты изображения, и 200,20, что означает 200 пикселей от левого края и 20 пикселей от верхнего края верхнего левого угла карты изображения.

Если shape circle, три числа, разделённые запятыми, представляют координаты центра круга по осям x и y, а также радиус.

Если форма — poly, строка состоит по крайней мере из 6 чисел, разделённых запятыми, представляющих по меньшей мере 3 пары координат, которые определяют вершины многоугольника.

Для всех координат началом отсчёта является верхний левый угол изображения элемента <map>.

Значение

Строка, состоящая из последовательности чисел, разделённых запятыми.

Примеры

const areaElement = document.getElementById("circleArea");
console.log(areaElement.coords);
areaElement.coords = "25,25,25";

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

Спецификация
HTML
# dom-area-coords

Совместимость с браузерами

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
coords 1 12 1 ≤12.1 1 18 4 ≤12.1 1 1.0 4.4

См. также

  • HTMLAreaElement.shape
  • HTMLAreaElement.alt
  • HTMLMapElement
  • <area>
  • <map>
  • <a>

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLAreaElement/coords

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API