2012年11月7日 星期三

[工具箱]ASP.NET之ImageMap影像地圖使用方式




打開visual studio→Standard→ImageMap


在ImageUrl選擇您要呈現的圖檔







矩形座標設定:
bottom:底端座標
left:左邊座標
right:右邊座標
top:上面座標


圓形座標設定:
radius:半徑距離
x.y:圓的中心點座標


多邊形:
Coordinates:取自圖的每個角座標,且三點構成一個圖,座標標示請依順時針或逆時針先後順序來撰寫座標


若使用html語法,可採用usermap標籤.如下範例:
< MAP NAME= "Image Map名稱" >
< AREA SHAPE= "區域形狀" COORDS="座標" HREF="網址">        .
< AREA SHAPE= "區域形狀" COORDS="座標" HREF="網址">
< /MAP >
< IMG SRC= "圖形位置" USEMAP= "Image Map名稱" >


如何查圖形座標?
最簡單的方式,就是打開小。。。畫。。。家!


參考資料:msdn:ImageMap




沒有留言:

張貼留言