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 Gleitkommazahlen an. Sie spiegelt das coords-Attribut des <area>-Elements wider.
Wenn shape rect ist, handelt es sich um ein Rechteck, und der Zeichenfolgenwert mit vier durch Kommas getrennten Zahlen gibt die Koordinaten der oberen linken und unteren rechten Ecken des Rechtecks an. Zum Beispiel definiert 0,0,200,20 die Koordinaten als 0,0, was die obere linke Ecke des Bildmaps ist, und 200,20, was 200px von links und 20px von oben von der oberen linken Ecke des Bildmaps entfernt ist.
Wenn shape circle ist, repräsentieren die drei durch Kommas getrennten Zahlen die x- und y-Koordinaten des Kreismittelpunkts und den Radius.
Wenn die Form poly ist, besteht die Zeichenfolge aus mindestens 6 durch Kommas getrennten Zahlen, die mindestens 3 Koordinatenpaare darstellen, die die Ecken 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 durch Kommas getrennten Zahlenreihe.
Beispiele
const areaElement = document.getElementById("circleArea");
console.log(areaElement.coords);
areaElement.coords = "25,25,25";
Spezifikationen
| Specification |
|---|
| HTML # dom-area-coords |