| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/fr/docs/Web/API/HTMLAreaElement/coords | [Back] [Original] |
Get to know MDN better
Cette page a t traduite partir de l'anglais par la communaut. Vous pouvez contribuer en rejoignant la communaut francophone sur MDN Web Docs.
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 proprit coords de l'interface HTMLAreaElement dfinit les coordonnes de la forme de l'lment sous forme de liste de nombres virgule flottante. Elle reflte l'attribut coords de l'lment HTML <area>.
Si la proprit shape vaut rect, la forme est un rectangle et les quatre nombres spars par des virgules de la chane indiquent les coordonnes des coins suprieur gauche et infrieur droit du rectangle. Par exemple, 0,0,200,20 dfinit les coordonnes 0,0 (coin suprieur gauche de l'image ractive) et 200,20 (200px depuis la gauche et 20px depuis le haut du coin suprieur gauche de l'image ractive).
Si la proprit shape vaut circle, les trois nombres spars par des virgules reprsentent les coordonnes x et y du centre du cercle et le rayon.
Si la forme vaut poly, la chane se compose d'au moins 6 nombres spars par des virgules reprsentant au moins 3 paires de coordonnes qui dfinissent les sommets du polygone.
Pour toutes les coordonnes, l'origine est le coin suprieur gauche de l'image de l'lment <map>.
Une chane de caractres compose d'une srie de nombres spars par des virgules.
const areaElement = document.getElementById("circleArea");
console.log(areaElement.coords);
areaElement.coords = "25,25,25";
| Spcification |
|---|
| HTML # dom-area-coords |
HTMLAreaElement.shapeHTMLAreaElement.altHTMLMapElement<area><map><a>Cette page a t modifie le 29 nov. 2025 par les contributeurices du MDN.
HTMLAreaElementBeforeUnloadEventDOMStringMapErrorEventHTMLAnchorElementHTMLAudioElementHTMLBRElementHTMLBaseElementHTMLBodyElementHTMLButtonElementHTMLCanvasElementHTMLDListElementHTMLDataElementHTMLDataListElementHTMLDialogElementHTMLDivElementHTMLDocumentHTMLElementHTMLEmbedElementHTMLFieldSetElementHTMLFormControlsCollectionHTMLFormElementHTMLFrameSetElementHTMLGeolocationElementHTMLHRElementHTMLHeadElementHTMLHeadingElementHTMLHtmlElementHTMLIFrameElementHTMLImageElementHTMLInputElementHTMLLIElementHTMLLabelElementHTMLLegendElementHTMLLinkElementHTMLMapElementHTMLMediaElementHTMLMenuElementHTMLMetaElementHTMLMeterElementHTMLModElementHTMLOListElementHTMLObjectElementHTMLOptGroupElementHTMLOptionElementHTMLOptionsCollectionHTMLOutputElementHTMLParagraphElementHTMLPictureElementHTMLPreElementHTMLProgressElementHTMLQuoteElementHTMLScriptElementHTMLSelectElementHTMLSourceElementHTMLSpanElementHTMLStyleElementHTMLTableCaptionElementHTMLTableCellElementHTMLTableColElementHTMLTableElementHTMLTableRowElementHTMLTableSectionElementHTMLTemplateElementHTMLTextAreaElementHTMLTimeElementHTMLTitleElementHTMLTrackElementHTMLUListElementHTMLUnknownElementHTMLVideoElementHashChangeEventHistoryImageDataLocationMessageChannelMessageEventMessagePortNavigatorPageRevealEventPageSwapEventPageTransitionEventPluginPluginArrayPromiseRejectionEventRadioNodeListTimeRangesUserActivationValidityStateWindowWorkletGlobalScopeCertaines parties de ce contenu sont protges par le droit d'auteur 19982026 des contributeurs individuels de mozilla.org. Contenu disponible sous une licence Creative Commons.
| Web Proxy Viewer | New URL | Original Page |