Html 两幅图像上的不同链接

你好！如何在两张图片上放置不同的链接。check和paw是对不同页面的引用。如何解决这个问题？这是一个测试图像，svg将无法工作

提前感谢您的帮助

---

示例jsfiddle.net/Fateol/jpd5hrbo/3

您可以在

map

标记的帮助下完成

从

定义和用法 标记用于定义客户端图像映射。图像地图是具有可单击区域的图像

元素的必需名称属性与的usemap属性相关联，并在图像和贴图之间创建关系

元素包含许多元素，这些元素定义了图像映射中的可单击区域

示例代码

只需将图像剪成两段，然后试试这个。
“”
本文作为第一部分。现在取下图像的另一半并执行相同的步骤。

页面上有html代码。
一定要把图像切成两半。然后对两个半部分重复上述过程。
您是否在画布上使用此图像？将每个图像用不同的标签包装。一张图片与另一张图片重叠，另一张图片位于重叠下方，尽管可以看到该图片与此问题重叠，即请不要链接。示例构建可以是鼠标移动，当建筑物彼此相撞时，应该能够单击可见区域例如jsfiddle.net/Fateol/jpd5hrbo/3建筑物可以通过鼠标移动，当建筑物彼此相撞时，应该能够使用地图元素单击可见区域，您可以为单个图像提供两个不同的链接。Put href=“your link”带有链接的区域元素这是一张不同的图片，图片可以移动示例jsfiddle.net/Fateol/jpd5hrbo/3
<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>