Movatterモバイル変換


[0]ホーム

URL:


  1. Web
  2. Web-APIs
  3. HTMLImageElement
  4. useMap

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.

View in EnglishAlways switch to English

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

DieuseMap-Eigenschaft desHTMLImageElement-Interfaces gibt den Namen der clientseitigen Bildkarte an, die auf das Bild angewendet werden soll. Sie spiegelt dasusemap-Inhaltsattribut des<img>-Elements wider.

Wert

Ein String, der das Hash-Symbol# gefolgt vomname 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 Bildkartemainmenu-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 denLeitfaden zur Verwendung von Bildkarten.

Spezifikationen

Specification
HTML
# dom-img-usemap

Browser-Kompatibilität

Siehe auch

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

[8]ページ先頭

©2009-2025 Movatter.jp