html中標籤之關於創建圖像映射詳解

初級前端一枚  下面程式碼是在圖片上創建圖像映射  自己整理了下 做個筆記 希望也可以幫助後來學習的朋友！

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="poly" coords="23,58,8,59,40,70" alt="Venus" href="venus.htm">
</map>

該段程式碼中的shape指的是點擊區域的形狀，coords指的應該是連結區域在圖片中的座標（像素為單位）。

shape
1、rect　　　　矩形     
2、circle　　 圓形
3、poly　　　 多邊形

coords
3、poly　　　 多邊形

coords

1、距左上角形：距頂點圖#座標為(x1,y1)，右下角頂點座標為(x2,y2)###2、圓形：(圓心座標為(X1,y1)，半徑為r)###3、多邊形：(各頂點座標依序為(x1,y1)、(x2,y2)、(x3,y3) ......)###

以上是html中標籤之關於創建圖像映射詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！