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

        您可能对以下脚本感兴趣：从svg创建图像映射     

        我发现转换向量/ svg图形的最精确方法是在Adobe Illustrator中打开向量/ eps文件（我使用的是Adobe Illustrator CC 2017）。 突出显示一条路径，然后在“属性”（在主菜单中，“窗口”>“属性”）中将“图像映射”字段设置为所需的形状。如果要为文字地图构建图像地图，则选择\“多边形”。您也可以选择设置\“ URL \”字段。 浏览完每种形状并分配适用的属性后，请转到主菜单，“文件”>“导出”>“存储为Web（旧版）”。然后单击左下角的“预览”，这将在浏览器中打开窗口。在预览时，您可以查看图像下方的HTML图像地图代码。 注意：您的向量/ svg形状必须是路径。因此，您可能必须释放复合路径（通过右键单击突出显示的形状并选择\“释放复合路径。”） 到目前为止，在Adobe中了解还不是很直观，但是到目前为止，我已经找到了最准确的方法。     

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

Mapedit

和

Sea Monkey

的程序，我相信它们都是免费的。 http://socrtwo.info/image_map.htm 编辑： 完成同一件事的一种简单方法是 使用Inkscape将图像另存为

.PNG

在金普打开 添加Alpha通道， 删除所有应该清除的空白 魔术： 使用image-maps.com映射您的图像， 使得

<div>

的透明度不像something4， 将“ 3”恰好放在带有相同图片的映射图像下。 可以从原始SVG剪切任何突出显示的区域，将其另存为PNG，并夹在div之间以进行翻转和其他操作。 （我以这种方式与发光的国家一起制作了世界地图，而且效果比预期的要好一些。