svg - 将SVG图像路径转换为图像 map 坐标？

Question

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

让我们假设我有这个 SVG 图像

http://www.openclipart.org/people/ArtFavor/anatomy26.svg
我想以某种方式将 SVG 中的路径转换为 ​​Imagemap 坐标
所以我可以制作效果/脚本 http://www.netzgesta.de/mapper/在上面!!

这意味着当我在解剖结构的特定部分滚动时，我想制作高光效果(要使用的脚本不必是“映射器”，但我只是将其作为示例)

Answer 1

我发现转换矢量/svg 图形的最精确方法是在 Adob​​e Illustrator(我使用 Adob​​e Illustrator CC 2017)中打开矢量/eps 文件。

突出显示路径，并在属性(在主菜单中，窗口 > 属性)中将“图像映射”字段设置为所需形状。如果您要为文字映射构建图像映射，请选择“多边形”。您也可以选择设置“URL”字段。

浏览每个形状并分配适用的属性后，转到主菜单，文件 > 导出 > 保存为 Web(旧版)。然后单击左下角的“预览”，这将在浏览器中打开窗口。在预览时，您可以查看图像下方的 HTML 图像映射代码。

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

就 Adob​​e 中的问题而言，这不是很直观，但到目前为止，这是我想出的最准确的方法。