2010-09-30 24 views
8

我有一個加州所有縣作爲不同路徑的矢量插畫文件。我需要讓這些縣成爲在線其他頁面的鏈接。有沒有辦法從這個文件自動生成一個HTML圖像映射? illustrator提供了一個導出爲jpg功能,可以選擇多邊形圖像地圖的形狀,但它不工作。插畫家自動映射到圖片嗎?或者,還有更好的方法?

或者,您是否對這些日的imagemaps使用有所意見,以及我是否應該以另一種方式來處理這些問題。

是的,我知道我可以在閃存中做到這一點,但我想避免這種情況。

謝謝!

+0

對圖像映像不太瞭解,但是這裏有一種方法可以使圖像區域互動。 http://stackoverflow.com/questions/3479361/how-to-create-an-image-with-hoverable-areas-that-show-additional-information-in/3479738#3479738 – 2010-09-30 17:30:16

回答

10

您可以使用Attributes面板在每個路徑上設置鏈接,然後使用Save for Web and Devices保存爲HTML或HTML +圖像 - 在HTML文件中創建圖像映射。

+0

謝謝,很高興知道! – liz 2011-04-25 15:47:10

+1

請注意,這種在Illustrator CC中停止工作(或已在CS5中) - 保存HTML文件的功能已消失,但它仍將在預覽中顯示HTML代碼(Save for Web左下角的按鈕和設備)。 – LHMathies 2014-01-25 18:00:05

+1

注意:在Illustrater CC 2014上,圖像映射設置隱藏在屬性面板中。面板中有一個小菜單圖標,可讓您顯示圖像映射設置。 – malisokan 2015-01-15 14:02:31

3

除了LHMathies答案,請注意,在插畫路徑不能是爲了使用「多邊形」形狀的複合路徑。複合路徑的輸出將導致「矩形」形狀。

要將複合路徑轉換爲簡單路徑,請右鍵單擊路徑並選擇發佈複合路徑。

+0

要記住的好點! – bgmCoder 2012-12-12 20:35:29

0

啊,我一直在尋找這個解決方案,並且感謝LHMathies的回答以及ryandoss的提示,我制定了一個完整的迷你教程,我將其放在這個other SO thread中。

我能夠在幾分鐘內從Photoshop文件創建一個圖像地圖。

相關問題