拍照功能就是簡(jiǎn)單的調(diào)用canvas中的drawImage即可 documentgetElementByIdquotpicturequotaddEventListenerquotclickquot， function contextdrawImagevideo， 0， 0， 640， 480所有script代碼如圖示 然后瀏覽器中就能看到攝像頭，點(diǎn)擊picture，就會(huì)在把當(dāng)前攝像頭的圖片就會(huì)出現(xiàn)在右邊了。

3接著是用css插入，在div中設(shè)置class屬性為img2，在script標(biāo)簽中使用background標(biāo)簽插入，其中url是標(biāo)簽的路徑，norepeat是設(shè)置圖片不重復(fù)，center是設(shè)置照片居中顯示4最后給這些標(biāo)簽都設(shè)置一些樣式，讓它們顯得美觀一些然后打開(kāi)瀏覽器查看效果5打開(kāi)瀏覽器，可以看到照片都顯示出來(lái)了。

使用HTML ltmap標(biāo)簽，給圖片設(shè)置熱點(diǎn)指定的要添加鏈接的地方例子ltimg src=quotplanetsjpgquot border=quot0quot usemap=quot#planetmapquot alt=quotPlanetsquot border=quot0quot ltmap name=quotplanetmapquot id=quotplanetmapquot ltarea shape=quotcirclequot coords=quot180，139，14quot href =quotvenushtmlquot style=quotcursor p。

圖片熱點(diǎn)區(qū)域中，rect 矩形區(qū)域，使用2個(gè)做點(diǎn)來(lái)確定具體位置和大小shape=quotrectquot coords=quotx1，y1，x2，y2quot以圖片的左上角為坐標(biāo)原點(diǎn)，矩形的左上角坐標(biāo)x1，y1和矩形的右下角坐標(biāo)x2，y2來(lái)確定具體位置和大小結(jié)合具體的代碼來(lái)解釋 coords=quot0，0，110，260quot0，0就是矩形的左上角坐標(biāo) 該點(diǎn)距離圖片。