HTMLImageElement: useMap-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die useMap-Eigenschaft des HTMLImageElement-Interfaces gibt den Namen der clientseitigen Bildkarte an, die auf das Bild angewendet werden soll. Sie spiegelt das usemap-Inhaltsattribut des <img>-Elements wider.
Wert
Ein String, der das Hash-Symbol # gefolgt vom name des <map>-Elements enthält, welches die Bildkarte definiert, die auf das Bild angewendet werden soll.
Beispiele
Verwendung von useMap
Betrachten Sie ein <map>, das folgendermaßen aussieht:
<map name="mainmenu-map">
<area
shape="circle"
coords="25, 25, 75"
href="/index.html"
alt="Return to home page" />
<area shape="rect" coords="25, 25, 100, 150" href="/index.html" alt="Shop" />
</map>
Da die Bildkarte mainmenu-map genannt wird, können Sie dynamisch Bilder erstellen, die auf die Bildkarte wie folgt verweisen:
const image = new Image();
image.src = "menu-box.png";
image.alt = "";
image.useMap = "#mainmenu-map";
Für zusätzliche Beispiele (einschließlich interaktiver) lesen Sie die Artikel über die <map>- und <area>-Elemente sowie den Leitfaden zur Verwendung von Bildkarten.
Spezifikationen
| Specification |
|---|
| HTML # dom-img-usemap |