拍照功能就是简单的调用canvas中的drawImage即可 documentgetElementByIdquotpicturequotaddEventListenerquotclickquot， function contextdrawImagevideo， 0， 0， 640， 480所有script代码如图示 然后浏览器中就能看到摄像头，点击picture，就会在把当前摄像头的图片就会出现在右边了。

3接着是用css插入，在div中设置class属性为img2，在script标签中使用background标签插入，其中url是标签的路径，norepeat是设置图片不重复，center是设置照片居中显示4最后给这些标签都设置一些样式，让它们显得美观一些然后打开浏览器查看效果5打开浏览器，可以看到照片都显示出来了。

使用HTML ltmap标签，给图片设置热点指定的要添加链接的地方例子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。

图片热点区域中，rect 矩形区域，使用2个做点来确定具体位置和大小shape=quotrectquot coords=quotx1，y1，x2，y2quot以图片的左上角为坐标原点，矩形的左上角坐标x1，y1和矩形的右下角坐标x2，y2来确定具体位置和大小结合具体的代码来解释 coords=quot0，0，110，260quot0，0就是矩形的左上角坐标 该点距离图片。