将SVG图像路径转换为图像地图坐标？

我可以将SVG图像路径转换为图像地图坐标吗

假设我有这个SVG图像

我想以某种方式将SVG中的路径转换为Imagemap坐标 所以我可以在上面制作效果/脚本

---

这意味着当我在解剖结构的某个特定部分上滚动时，我想产生突出效果（使用的脚本不一定是“mapper”，但我只是举个例子）

你可能会对这个脚本感兴趣：

我发现这个非常有前景的指南。它使用了一个名为

Mapedit

和

seamonkey

的程序，我相信这两个程序都是免费的

编辑：

完成同样事情的一个简单方法是

使用将图像保存为

.PNG

开放于，

• 添加alpha通道
• 删除所有本应清除的空白

魔法：

• 用于映射您的图像
• 将其设置为
  ，不透明度为

  0.1

• 将一个
  放在映射图像的正下方，其中包含相同的图片

---

任何突出显示的区域都可以从原始SVG中剪裁出来，保存为PNG，并夹在div之间以进行滚动等等。（我用这种方法制作了发光国家的世界地图，效果比预期的要好一些。

我发现转换矢量/svg图形最精确的方法是在Adobe Illustrator中打开矢量/eps文件（我使用的是Adobe Illustrator CC 2017）

高亮显示路径，然后在属性（在主菜单中，窗口>属性）中将“图像映射”字段设置为所需形状。如果要为文字映射构建图像映射，请选择“多边形”。也可以选择设置“URL”字段

浏览每个形状并指定适用的属性后，进入主菜单“文件>导出>为Web保存”（旧版）。然后单击左下角的“预览”，将在浏览器中打开窗口。预览时，您可以查看图像下方的HTML图像地图代码

注意：矢量/svg形状必须是路径。因此，您可能必须释放复合路径（通过右键单击突出显示的形状并选择“释放复合路径”）

---

在Adobe中，这不是很直观，但迄今为止，这是我找到的最准确的方法。

Genius，我一直在尝试手动处理这一问题……这一方法非常有效，特别是对于mapsI，它必须设置URL字段才能工作……可能会帮助其他人。