PhoneGap API中文帮助文档——Camera (摄像头)

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 08:14 点击:

“ camera对象提供对设备默认摄像头应用程序的访问。
方法:
camera.getPicture
参数:
cameraSuccess
cameraError
cameraOptions
camera.getPicture

选择使用摄像头拍照,或从设备相册中获取一张照片。图片以base64编码的字符串或图片URI形式返回。

简单的范例:
navigator.camera.getPicture( cameraSuccess, cameraError, [ cameraOptions ] ); 
复制代码
说明:
camera.getPicture函数打开设备的默认摄像头应用程序,使用户可以拍照(如果 Camera.sourceType 设置为 Camera.PictureSourceType.CAMERA,这也是默认值)。一旦拍照结束,摄像头应用程序会关闭并恢复用户应用程序。
如果Camera.sourceType = Camera.PictureSourceType.PHOTOLIBRARY或Camera.PictureSourceType.SAVEDPHOTOALBUM,系统弹出照片选择对话框,用户可以从相集中选择照片。
返回值会按照用户通过cameraOptions参数所设定的下列格式之一发送给cameraSuccess回调函数:

一个字符串,包含Base64编码的照片图像(默认情况)。
一个字符串,表示在本地存储的图像文件位置。

你可以对编码的图片或URI做任何处理,例如:

通过标签渲染图片(参看后续范例)
存储为本地数据(LocalStorage,Lawnchair*等)
将数据发送到远程服务器

备注:较新的设备上使用摄像头拍摄的照片的质量是相当不错的,使用Base64对这些照片进行编码已导致其中的一些设备出现内存问题(如IPHONE4、BlackBerry Torch 9800)。因此,强烈建议将“Camera.destinationType”设为FILE_URI。

支持的平台:
Android
BlackBerry WebWorks (OS 5.0或更高版本)
iOS


简单的范例:
拍照并获取Base64编码的图像:
    navigator.camera.getPicture(onSuccess, onFail, { quality: 50 }); 

     unction onSuccess(imageData) { 

       var image = document.getElementById('myImage'); 

       image.src = "data:image/jpeg;base64," + imageData; 

    } 

     

    function onFail(message) { 

       alert('Failed because: ' + message); 

    } 
复制代码拍照并获取图像文件路径:
    navigator.camera.getPicture(onSuccess, onFail, { quality: 50, 

                    destinationType: Camera.DestinationType.FILE_URI }); 

                     function onSuccess(imageURI) { 

        var image = document.getElementById('myImage'); 

        image.src = imageURI; 

    }  

    function onFail(message) { 

        alert('Failed because: ' + message); 

    } 
复制代码完整的范例:
    <!DOCTYPE html> 

    <html> 

    <head> 

    <title>Capture Photo</title> 

    <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 

    <script type="text/javascript" charset="utf-8"> 

     var pictureSource;      //图片来源 

        var destinationType;        //设置返回值的格式 

        // 等待PhoneGap连接设备 

        document.addEventListener("deviceready",onDeviceReady,false); 

      

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • cocos2d-x学习笔记(19)--label 、label atlas
    • cocos2d-x学习笔记(23)--地图的使用3--CCTMXLayer
    • Cocos2d-x学习(一):HelloWorld
    • cocos2dx在xcode下开发,编译到android上(2)
    • cocos2d 设置屏幕默认方向
    • Cocos2d-x 2.0 之 Actions “三板斧” 之一
    • cocos2d-x学习笔记(22)--地图的使用2(TMX) --Z-Order、AnchorPoi
    • cocos2d-x学习笔记(18)--游戏打包(windows平台)
    • cocos2d-x学习笔记(16)--spritesheet(精灵表单)
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1