使用javascript在图像上单击点

我有一张这样的照片：

我想让每一个点点击不同的网址，而且我想实现一个弹出式文本时，鼠标是在一个点

---

如何使用javascript和css实现这一点？有图书馆吗？

我给你写了一个小例子。您可以在本机HTML中执行此操作。

.container{
位置：相对位置；
}
.集装箱img{
宽度：200px；
}
多特先生{
颜色：白色；
位置：绝对位置；
填充：10px；
背景：黑色；
边框：1px纯白；
边界半径：50%；
字体大小：0px；
-webkit转换：所有2；/*Safari*/
过渡：所有2；
}
.dot:悬停{
文本缩进：自动；
宽度：自动；
字体大小：12px；
z指数：1；
边界半径：0；
}

我在测试代码
我在测试代码2
我在测试代码3

您可以使用HTML标记执行此操作，请检查HTML中的标记，它可能会满足您的需要

检查以下代码可能对您有所帮助：

您还可以使用

或

，在您的帮助下，您可以以更先进的方式完成任务

选中此链接，您将获得与图像、画布和svg相关的非常酷的东西：

谢谢

函数runfunc（planetId）{
log（'您选择：'，planetId）；
}

.as控制台包装{最大高度：2.8em！重要；}

单击太阳或其中一颗行星，查看选择了哪一颗

您可以通过图像的在线映射工具来实现这一点

我已尝试从链接映射您的图像

你可以看到我在几个点上做了一个可点击的链接，并将自定义文本设置为标题，以便在悬停时显示文本

我希望这对你有帮助。谢谢

---

可以，但我认为使用svg做这件事要好得多。请检查此项