HTMLImageElement: useMap property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính useMap của giao diện HTMLImageElement cung cấp tên của bản đồ hình ảnh phía máy khách để áp dụng cho hình ảnh. Nó phản ánh thuộc tính nội dung usemap của phần tử <img>.
Giá trị
Một chuỗi chứa ký hiệu băm # theo sau là name của phần tử <map> xác định bản đồ hình ảnh để áp dụng cho hình ảnh.
Ví dụ
Sử dụng useMap
Hãy xem xét <map> trông như thế này:
<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>
Với bản đồ hình ảnh có tên mainmenu-map, bạn có thể tự động xây dựng các hình ảnh tham chiếu bản đồ hình ảnh như sau:
const image = new Image();
image.src = "menu-box.png";
image.alt = "";
image.useMap = "#mainmenu-map";
Để biết thêm các ví dụ (bao gồm cả các ví dụ tương tác), hãy xem các bài viết về phần tử <map> và <area>, cũng như hướng dẫn sử dụng bản đồ hình ảnh.
Thông số kỹ thuật
| Specification |
|---|
| HTML # dom-img-usemap |