HTMLImageElement : proprit useMap

Baseline Large disponibilit

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.

En savoir plus
Voir la compatibilit complte

La proprit useMap de l'interface HTMLImageElement reflte la valeur de l'attribut HTML usemap, qui est une chane de caractres fournissant le nom de la carte d'image ct client appliquer l'image.

Valeur

Une chane de caractres contenant le symbole dise # suivi du name de l'lment <map> qui dfinit la carte d'image appliquer l'image.

Exemples

Utiliser `useMap`

Considrez un lment <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 nomme mainmenu-map, vous pouvez construire dynamiquement des images qui rfrencent 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 lments <map> et <area>, ainsi que le guide d'utilisation des cartes d'image.