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.