| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/de/docs/Web/API/HTMLAreaElement/coords | [Back] [Original] |
Get to know MDN better
Dieser Inhalt wurde automatisch aus dem Englischen bersetzt, und kann Fehler enthalten. Erfahre mehr ber dieses Experiment.
Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Juli 2015 browserbergreifend verfgbar.
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, reprsentieren 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.
Fr alle Koordinaten ist der Ursprung die obere linke Ecke des Bildes des <map>-Elements.
Ein String; bestehend aus einer durch Kommas getrennten Zahlenreihe.
const areaElement = document.getElementById("circleArea");
console.log(areaElement.coords);
areaElement.coords = "25,25,25";
| Spezifikation |
|---|
| HTML # dom-area-coords |
HTMLAreaElementBeforeUnloadEventDOMStringMapErrorEventHTMLAnchorElementHTMLAudioElementHTMLBRElementHTMLBaseElementHTMLBodyElementHTMLButtonElementHTMLCanvasElementHTMLDListElementHTMLDataElementHTMLDataListElementHTMLDialogElementHTMLDivElementHTMLDocumentHTMLElementHTMLEmbedElementHTMLFieldSetElementHTMLFormControlsCollectionHTMLFormElementHTMLFrameSetElementHTMLGeolocationElementHTMLHRElementHTMLHeadElementHTMLHeadingElementHTMLHtmlElementHTMLIFrameElementHTMLImageElementHTMLInputElementHTMLLIElementHTMLLabelElementHTMLLegendElementHTMLLinkElementHTMLMapElementHTMLMediaElementHTMLMenuElementHTMLMetaElementHTMLMeterElementHTMLModElementHTMLOListElementHTMLObjectElementHTMLOptGroupElementHTMLOptionElementHTMLOptionsCollectionHTMLOutputElementHTMLParagraphElementHTMLPictureElementHTMLPreElementHTMLProgressElementHTMLQuoteElementHTMLScriptElementHTMLSelectElementHTMLSourceElementHTMLSpanElementHTMLStyleElementHTMLTableCaptionElementHTMLTableCellElementHTMLTableColElementHTMLTableElementHTMLTableRowElementHTMLTableSectionElementHTMLTemplateElementHTMLTextAreaElementHTMLTimeElementHTMLTitleElementHTMLTrackElementHTMLUListElementHTMLUnknownElementHTMLVideoElementHashChangeEventHistoryImageDataLocationMessageChannelMessageEventMessagePortNavigatorPageRevealEventPageSwapEventPageTransitionEventPluginPluginArrayPromiseRejectionEventRadioNodeListTimeRangesUserActivationValidityStateWindowWorkletGlobalScopeDer Bauplan fr ein besseres Internet.
Teile dieses Inhalts sind 19982026 von einzelnen mozilla.org-Mitwirkenden. Inhalte sind verfgbar unter einer Creative-Commons-Lizenz.
| Web Proxy Viewer | New URL | Original Page |