2.7影像地圖 常用HTML代碼解釋

7.影像地圖（Image Map） <img src="圖形文件名" usemap="#圖的名稱"> <map name="圖的名稱">

<area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL">

<area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL">

<area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL">

<area shape=形狀 coords=區(qū)域座標(biāo)列表 href="連結(jié)點(diǎn)之URL"> </map>

【1】定義形狀 -- shape

shape=rect：矩形 shape=circle：圓形 shape=poly：多邊形 

【2】定義區(qū)域 -- coords

a.矩形：必須使用四個(gè)數(shù)字，前兩個(gè)數(shù)字為左上角座標(biāo)，后兩個(gè)數(shù)字為右下角座標(biāo)

例：<area shape=rect coords=100,50,200,75 href="URL"> 

b.圓形：必須使用三個(gè)數(shù)字，前兩個(gè)數(shù)字為圓心的座標(biāo)，最后一個(gè)數(shù)字為半徑長(zhǎng)度

例：<area shape=circle coords=85,155,30 href="URL">

c.任意圖形（多邊形）：將圖形之每一轉(zhuǎn)折點(diǎn)座標(biāo)依序填入

例：<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"