HTMLImageElement: useMap 属性

基线 广泛可用

此功能已成熟，可在许多设备和浏览器版本上运行。它已在浏览器中可用，自 2015 年 7 月.

在 HTMLImageElement 接口上的 useMap 属性反映了 HTML usemap 属性的值，该属性是一个字符串，提供要应用于图像的客户端图像映射的名称。

值

一个字符串，提供页面本地 URL（即以井号或磅号 "#" 开头的 URL）的 <map> 元素，它定义要应用于图像的图像映射。

你可以在我们的学习文章 在图像上添加一个点击映射 中了解更多关于客户端图像映射的信息。

使用说明

useMap 的字符串值必须是 <map> 元素的有效锚点。换句话说，此字符串应该是相应 <map> 的 name 属性的值，并在其前面加上一个磅号或井号。

考虑一个像这样的 <map>

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>

鉴于图像映射名为 mainmenu-map，使用它的图像应该类似于以下内容

html
<img src="menubox.png" usemap="#mainmenu-map" />

有关更多示例（包括交互式示例），请参阅有关 <map> 和 <area> 元素的文章，以及 使用图像映射的指南。

示例

试试看

规范

规范
HTML 标准
# dom-img-usemap

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。