HTMLAreaElement: coords-Eigenschaft

Die coords-Eigenschaft der HTMLAreaElement-Schnittstelle gibt die Koordinaten der Form des Elements als eine Liste von Fließkommazahlen an. Sie spiegelt das coords-Attribut des <area>-Elements wider.

Wenn die shape rect ist, handelt es sich bei der Form um ein Rechteck, und der Zeichenkettenwert besteht aus vier Komma-getrennten Zahlen, die die Koordinaten der oberen linken und der unteren rechten Ecke des Rechtecks angeben. Zum Beispiel definiert 0,0,200,20 die Koordinaten als 0,0, was die obere linke Ecke der Image-Map ist, und 200,20, was 200px von links und 20px von oben von der oberen linken Ecke der Image-Map ist.

Wenn die shape circle ist, repräsentieren die drei Komma-getrennten Zahlen die x- und y-Koordinaten des Kreiszentrums und den Radius.

Wenn die Form poly ist, besteht die Zeichenkette aus mindestens 6 Komma-getrennten Zahlen, die mindestens 3 Koordinatenpaare darstellen, die die Eckpunkte des Polygons definieren.

Für alle Koordinaten ist der Ursprung die obere linke Ecke des Bildes des <map>-Elements.

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