coordinates - 如何使 svg 图像的区域可点击和可操作
问题描述
好的，我有一个网络交换机的 png 图像。所有这些交换机都有许多可见端口。这些端口通常以 0、1、2、...n 开头。请看下图。我想显示图像并让用户单击任何端口，顶部或底部。我希望能够区分单击了哪个端口。我尝试在我的 html 中使用 map，但这有点冗长。有些人建议使用 svg 地图。我尝试使用多种工具将图像转换为 svg，其中一些是 inkscape 和https://vecta.io。我发现的一个问题是这些工具会创建一个非常大的文件，并且由于我将使用多个图像，因此我的 html 文件将大得难以想象。谁能推荐一个更简单的工具？
谢谢