圖像映射

圖像映射也稱為圖像熱點(diǎn)。

作用：

讓同一張圖片上的不同區(qū)域，可以實(shí)現(xiàn)多個不同的超鏈接功能。

圖示：

圖像映射的實(shí)現(xiàn)需要三方面配合完成：

1、圖像映射容器，就是一個img標(biāo)簽，需使用usemap屬性與map標(biāo)簽建立聯(lián)系

2、圖像映射，就是一個map標(biāo)簽，需要使用name屬性與map標(biāo)簽建立聯(lián)系

3、熱點(diǎn)區(qū)域，需要使用map標(biāo)簽的子標(biāo)簽area來建立熱點(diǎn)區(qū)域

語法格式：

屬性介紹：

需要使用的屬性：

usemap：#map的名稱

name：設(shè)置熱點(diǎn)區(qū)域的名稱

的常用屬性：

shape：設(shè)置熱點(diǎn)區(qū)域的形狀

rect(矩形)、

circle(圓形)、

polygon(多邊形)

coords：熱點(diǎn)區(qū)域的位置坐標(biāo)，根據(jù)shape的不同而不同。

對于rect，坐標(biāo)為（x1,y1,x2,y2），（x1,y1）矩形左上角，(x2,y2)右下角

對于circle，坐標(biāo)為(x,y,r)，(x,y)圓心坐標(biāo)，r為半徑

對于polygon，坐為(x1,y1,x2,y2,…xn,yn)，(xn,yn)為第n個頂點(diǎn)坐標(biāo)

舉例：

1. 矩形

1. 圓形

2. 不規(guī)則多邊形

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com