从Illustrator文件中获取覆盖网页的路径

Question

这是一个相当普遍的问题，但只是寻找某人让我开始朝正确的方向发展。我得到了一个项目，我需要在网页上创建地图，并在鼠标悬停时突出显示/概述了某些部分。

我给出的地图是插图文件，当我打开它们时，我看到它们被分成了我需要突出显示的区域。我能从AI获得这些路径并将它们用于Raphaël之类的东西吗？或者我创建一些覆盖？真的不知道如何从这里开始。

Answer 1

Illustrator可以让您导出为svg。然后您可以使用svg作为背景图像，或者将其内联包含在您的页面中。

请注意，您不一定需要将其保存为矢量格式才能在网页上使用它。您也可以简单地使用插图画家的“Save for web”功能将图形导出为png或gif。

无论哪种方式，你可以开始像使用任何普通的网页资源一样使用它来构建页面。