移动端摄像头技术.docx

摄像头技术
地理位置
获取用户所需的拍照地物位置,点击屏幕中的遥感影像,抓取该点屏幕坐标,转换为地理坐标,用于以后将具体地物与数据库中的照片地址相对应起来。
var mouseXY = getTouchXY(evt);
   if(){//照相进行中
    var wXY=screenToWorld(,);
    var TM=getTM();
    =TM;
    =wXY;
    ('mainDiv').removeChild( ('flowDiv'));//删除滤镜
    createPhotoVideo();//调出摄像头API
   }
视频流
HTML5 的 The Media Capture(媒体捕捉) API 提供了对摄像头的可编程访问,用户可以直接用 getUserMedia (请注意目前仅Chrome和Opera支持)获得摄像头提供的视频流。我们需要做的是添加一个HTML5 的 Video 标签,并将从摄像头获得的视频作为这个标签的输入来源。
function createPhotoVideo(){//选择了地点
var photoDiv = ('div');
= "photoContainerDiv";
='<video autoplay id="video"></video><canvas style="display: none; position:absolute; z-index:20;"></canvas><div style="background-color:#999; position:absolute; width:100%; height:100%; z-index:1; left:0px; top:0px;" id="underDiv"></div><img src="" style="display: none; z-index:30; left:0px; top:0px; position:absolute;" id="photoImg"><img src="res/toolIcon/" style="display: none; z-index:40; left:0px; bottom:30px; width:100px; height:100px; position:absolute;" id="snap">';
=+"px";
=+"px";
('mainDiv').appendChild(photoDiv);

var video = docum