Illustrator可以自动转换成图像映射吗？还是有更好的方法？

Question

我有一个矢量插画文件，其中包含加利福尼亚州所有县的不同路径。我需要将这些县作为链接到其他网页。是否有一种方法可以从此文件自动生成HTML图像映射？Illustrator提供了导出为JPG的功能，其中包含多边形图像映射形状的选项，但它无法正常工作。

另外，您是否对现在使用图像地图的情况有意见，并且是否应该用另一种方式来处理这个问题？

是的，我知道我可以在Flash中做到这一点，但我想避免使用它。

谢谢！

- liz

---

不太了解图像映射，但这里有一种方法可以使您的图像区域交互。http://stackoverflow.com/questions/3479361/how-to-create-an-image-with-hoverable-areas-that-show-additional-information-in/3479738#3479738 - Brandon Boone

Answer 1

你可以使用“属性”面板在每个路径上设置链接，然后使用“保存为Web和设备”保存为HTML或HTML+Image格式 - 这将在HTML文件中创建一个图像映射。

- LHMathies

---

请注意，在Illustrator CC（或者可能在CS5中）这种功能已经停止工作了——保存HTML文件的能力已经消失，但是它仍然会在预览中显示HTML代码（位于“保存为Web和设备”的左下角按钮）。 - LHMathies

注意：在Illustrator CC 2014中，图像地图设置被隐藏在属性面板中。面板中有一个小菜单图标，可以让您显示图像地图设置。 - malisokan

谢谢，@Тони-- 我已经有一年没有碰过Illustrator了，所以我不知道这个变化。 - LHMathies

Answer 2

除了LHMathies的回答之外，还请注意在Illustrator中使用“多边形”形状时路径不能为复合路径。复合路径的HTML输出将导致一个“矩形”形状。要将复合路径转换为简单路径，请右键单击路径并选择释放复合路径。

- Ryan

Answer 3

啊，我正在寻找这个解决方案，感谢LHMathies上面的答案和ryandoss的提示，我制作了一个完整的迷你教程，并将其放在了其他SO线程中。

我只用了几分钟就能从Photoshop文件中创建一个图像映射。

- bgmCoder