html中<img>標(biāo)簽之對(duì)于創(chuàng)建圖像映射詳細(xì)說明
發(fā)表時(shí)間：2024-05-14 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]初級(jí)前端一枚 下面代碼是在圖片上創(chuàng)建圖像映射 自己整理了下 做個(gè)筆記 希望也可以幫助后來學(xué)習(xí)的朋友！<map name="planetmap"><area shape="rect" coords="0,0,82,126&quo...
初級(jí)前端一枚 下面代碼是在圖片上創(chuàng)建圖像映射 自己整理了下 做個(gè)筆記 希望也可以幫助后來學(xué)習(xí)的朋友！
<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指的是點(diǎn)擊區(qū)域的形狀，coords指的應(yīng)該是鏈接區(qū)域在圖片中的坐標(biāo)（像素為單位）。
shape
1、rect 矩形
2、circle 圓形
3、poly 多邊形
coords
1、距形：左上角頂點(diǎn)坐標(biāo)為(x1,y1)，右下角頂點(diǎn)坐標(biāo)為(x2,y2)
2、圓形：(圓心坐標(biāo)為(X1,y1)，半徑為r)
3、多邊形：(各頂點(diǎn)坐標(biāo)依次為(x1,y1)、(x2,y2)、(x3,y3) ......)
以上就是html中<img>標(biāo)簽之關(guān)于創(chuàng)建圖像映射詳解的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
