從Illustrator文件中獲取覆蓋網頁的路徑

Question

這是一個相當普遍的問題，但只是尋找某人讓我開始朝正確的方向發展。我得到了一個項目，我需要在網頁上創建地圖，並在鼠標懸停時突出顯示/概述了某些部分。

我給出的地圖是插圖文件，當我打開它們時，我看到它們被分成了我需要突出顯示的區域。我能從AI獲得這些路徑並將它們用於Raphaël之類的東西嗎？或者我創建一些覆蓋？真的不知道如何從這裏開始。

Answer 1

Illustrator可以讓您導出爲svg。然後您可以使用svg作爲背景圖像，或者將其內聯包含在您的頁面中。

請注意，您不一定需要將其保存爲矢量格式才能在網頁上使用它。您也可以簡單地使用插圖畫家的「Save for web」功能將圖形導出爲png或gif。

無論哪種方式，你可以開始像使用任何普通的網頁資源一樣使用它來構建頁面。