我能以某种方式将SVG图像路径转换为Imagemap坐标吗？

Question

我能以某种方式将SVG图像路径转换为Imagemap坐标吗？ 我假设我有这个SVG图像
http://www.openclipart.org/people/ArtFavor/anatomy26.svg
我想以某种方式将SVG中的路径转换为Imagemap坐标 所以我可以制作一个效果/脚本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将图像另存为PNG
2. 在Gimp中打开，添加alpha通道，删除任何空格 应该很清楚
3. 魔术：使用image-maps.com映射你的图像，然后制作一个 div的不透明度等于0.1，把div放在正好在 映射的图像中包含相同的图片。

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

Answer 3

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

突出显示路径，并在属性（在主菜单中，窗口＆gt;属性）中设置＆＃34;图像映射＆＃34;场到期望的形状。如果您要为文字地图构建图像地图，请选择＆＃34; Polygon。＆＃34;您可以选择设置＆＃34; URL＆＃34;现场也是。

完成每个形状并指定适用的属性后，转到主菜单，文件＆gt;出口＆gt; Save For Web（Legacy）。然后点击＆＃34;预览＆＃34;在左下角，将在浏览器中打开窗口。在预览中，您可以查看图像下方的HTML图像映射代码。

注意：vector / svg形状必须是路径。因此，您可能必须释放复合路径（通过右键单击突出显示的形状并选择＆＃34;释放复合路径。＆＃34;

就Adobe中的问题而言，不是很直观，但到目前为止，我已经找到了最准确的方法。