首頁 > web前端 > html教學 > html中標籤之關於創建圖像映射詳解

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

黄舟
發布: 2017-08-11 13:33:01
原創
2428 人瀏覽過

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

<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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板