javascript - 从 Illustrator 文件中获取路径以在网页上叠加

Question

这是一个非常笼统的问题，但只是想找人让我朝着正确的方向开始。我得到了一个项目，我需要在网页上创建地图并在鼠标悬停时突出显示/概述其中的某些部分。

给我的地图是插图文件，当我打开它们时，我看到它们被划分为我需要突出显示的区域。我是否可以从 AI 获得这些路径并将它们与 Raphaël 之类的东西一起使用？或者我要创建一些叠加层？真的不知道如何从这里开始。

Answer 1

Illustrator 允许您导出为 svg。然后，您可以将 svg 用作背景图像，或将其内嵌在您的页面中。

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

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