HTMLImageElement : propriété useMap

Baseline Widely available

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 propriété useMap de l'interface HTMLImageElement reflète la valeur de l'attribut HTML usemap, qui est une chaîne de caractères fournissant le nom de la carte d'image côté client à appliquer à l'image.

Valeur

Une chaîne de caractères contenant le symbole dièse # suivi du name de l'élément <map> qui définit la carte d'image à appliquer à l'image.

Exemples

Utiliser `useMap`

Considérez un élément <map> qui ressemble à ceci :

html

<map name="mainmenu-map">
  <area
    shape="circle"
    coords="25, 25, 75"
    href="/index.html"
    alt="Retour à la page d'accueil" />
  <area
    shape="rect"
    coords="25, 25, 100, 150"
    href="/index.html"
    alt="Boutique" />
</map>

Étant donné la carte d'image nommée mainmenu-map, vous pouvez construire dynamiquement des images qui référencent la carte d'image comme suit :

const image = new Image();
image.src = "menu-box.png";
image.alt = "";
image.useMap = "#mainmenu-map";

Pour d'autres exemples (y compris interactifs), voir les articles sur les éléments <map> et <area>, ainsi que le guide d'utilisation des cartes d'image.