ES6 |图像映射

JavaScript 中的图像映射用于从该网页上的任何图像导航到其他网页或同一网页的某些部分的各种链接。也就是让网页上的一个图片，这个图片分成几个部分，每个部分对应一些链接，点击那个图片的那些部分后，链接被打开。这部分图像称为图像映射。这部分有不同的形状，例如矩形、圆形等。图像使用标签插入到网页中，在这个标签下有一个名为usemap的属性，它定义了该图像中的地图描述。简单来说， usemap属性调用了应用于图像的地图描述。该地图的定义方式是将图像划分为一些部分。这些部分是通过指定像素坐标来定义的，像素坐标定义了每个可点击部分的边界。在map下定义了另一个标签 。在这个标签下定义了每个部分的坐标和形状。此部分称为热点。

句法：

下面的例子说明了 ES6 中的图像映射：

• 例子：

      
          function fn(name) {
              document.getElementById("typ").innerHTML = name;
          }
      
  
    
  
      
          GeeksforGeeks
          Mouseover on rectangle and circle
          
      
      
      
      
      
      
            
          
          
          
          
      
  
    

  输出：在此代码中，坐标 75、60、250、200指的是矩形，坐标500、80、110指的是圆。在图像中，对应于坐标的部分被创建，事件发生在其中。

• 示例 2：在此示例中，我们将使用图像映射打开一个链接。

      
          function fn(name) {
              document.getElementById("typ").innerHTML = name;
          }
      
  
    
  
      
          GeeksforGeeks
          Mouseover on rectangle and circle
          
      
      
      
      
      
      
            
          
          
          
          
      
  
    
             

• 输出：