HTMLAreaElement: coords-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

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.

Wert

Ein String; bestehend aus einer Komma-getrennten Reihe von Zahlen.

Beispiele

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

Spezifikationen

Specification
HTML
# dom-area-coords

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
coords

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Siehe auch