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

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

使用HTML ltmap標簽，給圖片設(shè)置熱點指定的要添加鏈接的地方例子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。

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