HTMLImageElement: useMap-Eigenschaft

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

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.

In diesem Artikel

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:

html
<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:

js
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.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

HTML DOM API
HTMLImageElement
Konstruktor
1. Image()
Instanzeigenschaften
Instanzmethoden
1. decode()
Vererbung
Verwandte Seiten für HTML DOM
Anleitungen
1. Verwenden von Microtasks in JavaScript mit queueMicrotask()
2. Im Detail: Microtasks und die JavaScript-Laufzeitumgebung

HTMLImageElement: useMap-Eigenschaft

In diesem Artikel

Wert

Beispiele

Verwendung von useMap

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN