可以将SVG图像路径转换为Imagemap坐标吗？

Question

我可以将SVG图像路径转换为Imagemap坐标吗？ 让我们假设我有这样的SVG图像
http://www.openclipart.org/people/ArtFavor/anatomy26.svg
我想的路径转换不知何故在SVG图像映射到坐标 这样我就可以做出效果/脚本http://www.netzgesta.de/mapper/就可以了！
含义当我在解剖学的特定部分上滚动时，我想要突出显示效果（要使用的脚本不必是“映射器”，但我只是将其作为示例）

Answer 1

您可能感兴趣的脚本：creating-an-image-map-from-svg

Answer 2

我发现这个非常有前景的指导。它使用一个名为Mapedit和Sea Monkey的程序，我相信这两个程序都是免费的。 http://socrtwo.info/image_map.htm

编辑：

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

1. 保存图像使用Inkscape
2. 开在GIMP一个PNG，添加alpha通道，删除任何空白是是 应该是明确的
3. 魔术：使用image-maps.com来映射您的图像，然后使一个 div与不透明度类似0.1的东西，把一个div完全放在 映射图像与其中的相同图片。

任何突出显示的区域都可以从原始SVG剪切，保存为PNG并夹在div之间以便翻滚和旋转。 （我用这种方式制作了发光的国家的世界地图，并且它的工作比预期的要好一些。

Answer 3

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

突出显示一个路径，并在属性（在主菜单中，窗口>属性）将“图像映射”字段设置为所需的形状如果您正在建立一个图像映射文字地图，然后选择“多边形”。您也可以选择设置“URL”字段。

一旦您遍历每个形状并分配适用的属性，请进入主菜单File> Export> Save For Web（Legacy）。然后点击底部的“预览”左边，那将在浏览器中打开窗口。在预览中，您可以查看图像下方的HTML图像地图代码。

注意：您的vector/svg形状必须是路径。所以你可能不得不释放复合路径（通过右键单击突出显示的形状并选择“释放复合路径”。）

不是很直观，只要在Adobe中搞清楚，但迄今为止我已经找到了最准确的方法，要做到这一点。