HTMLAreaElement : propriété coords
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La propriété coords de l'interface HTMLAreaElement définit les coordonnées de la forme de l'élément sous forme de liste de nombres à virgule flottante. Elle reflète l'attribut coords de l'élément HTML <area>.
Si la propriété shape vaut rect, la forme est un rectangle et les quatre nombres séparés par des virgules de la chaîne indiquent les coordonnées des coins supérieur gauche et inférieur droit du rectangle. Par exemple, 0,0,200,20 définit les coordonnées 0,0 (coin supérieur gauche de l'image réactive) et 200,20 (200px depuis la gauche et 20px depuis le haut du coin supérieur gauche de l'image réactive).
Si la propriété shape vaut circle, les trois nombres séparés par des virgules représentent les coordonnées x et y du centre du cercle et le rayon.
Si la forme vaut poly, la chaîne se compose d'au moins 6 nombres séparés par des virgules représentant au moins 3 paires de coordonnées qui définissent les sommets du polygone.
Pour toutes les coordonnées, l'origine est le coin supérieur gauche de l'image de l'élément <map>.
Valeur
Une chaîne de caractères composée d'une série de nombres séparés par des virgules.
Exemples
const areaElement = document.getElementById("circleArea");
console.log(areaElement.coords);
areaElement.coords = "25,25,25";
Spécifications
| Specification |
|---|
| HTML # dom-area-coords |
Compatibilité des navigateurs
Voir aussi
- La propriété
HTMLAreaElement.shape - La propriété
HTMLAreaElement.alt - L'interface
HTMLMapElement - L'élément HTML
<area> - L'élément HTML
<map> - L'élément HTML
<a>