成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

PhoneGap API介紹:Camera

移動開發
本文將介紹PhoneGap API——Camera:使用設備的攝像頭采集照片,對象提供對設備默認攝像頭應用程序的訪問。

方法:

camera.getPicture

參數:

cameraSuccess

cameraError

cameraOptions

camera.getPicture

選擇使用攝像頭拍照,或從設備相冊中獲取一張照片。圖片以base64編碼的字符串或圖片URI形式返回。

簡單的范例

  1. 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編碼的圖像:

  1. navigator.camera.getPicture(onSuccess, onFail, { quality: 50 });  
  2. function onSuccess(imageData) {  
  3. var image = document.getElementById('myImage');  
  4. image.src = "data:image/jpeg;base64," + imageData;  
  5. }  
  6. function onFail(message) {  
  7. alert('Failed because: ' + message);  
  8. }  

拍照并獲取圖像文件路徑:

  1. navigator.camera.getPicture(onSuccess, onFail, { quality: 50, 
  2. destinationType: Camera.DestinationType.FILE_URI }); 
  3. function onSuccess(imageURI) { 
  4. var image = document.getElementById('myImage'); 
  5. image.src = imageURI; 
  6. function onFail(message) { 
  7. alert('Failed because: ' + message); 

完整的范例:

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <title>Capture Photo</title> 
  5.  
  6. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script> 
  7. <script type="text/javascript" charset="utf-8"> 
  8.  
  9.     var pictureSource;      //圖片來源 
  10.     var destinationType;        //設置返回值的格式 
  11.      
  12.     // 等待PhoneGap連接設備 
  13.     document.addEventListener("deviceready",onDeviceReady,false); 
  14.      
  15.     // PhoneGap準備就緒,可以使用! 
  16.     function onDeviceReady() { 
  17.         pictureSource=navigator.camera.PictureSourceType; 
  18.         destinationType=navigator.camera.DestinationType; 
  19.     } 
  20.      
  21.     // 當成功獲得一張照片的Base64編碼數據后被調用 
  22.     function onPhotoDataSuccess(imageData) { 
  23.      
  24.         // 取消注釋以查看Base64編碼的圖像數據 
  25.         // console.log(imageData); 
  26.         // 獲取圖像句柄 
  27.         var smallImage = document.getElementById('smallImage'); 
  28.               
  29.         // 取消隱藏的圖像元素 
  30.         smallImage.style.display = 'block'
  31.          
  32.         // 顯示拍攝的照片 
  33.         // 使用內嵌CSS規則來縮放圖片 
  34.         smallImage.src = "data:image/jpeg;base64," + imageData; 
  35.     } 
  36.         
  37.    // 當成功得到一張照片的URI后被調用 
  38.    function onPhotoURISuccess(imageURI) { 
  39.      
  40.         // 取消注釋以查看圖片文件的URI 
  41.         // console.log(imageURI); 
  42.         // 獲取圖片句柄 
  43.         var largeImage = document.getElementById('largeImage'); 
  44.           
  45.         // 取消隱藏的圖像元素 
  46.         largeImage.style.display = 'block'
  47.      
  48.         // 顯示拍攝的照片 
  49.         // 使用內嵌CSS規則來縮放圖片 
  50.         largeImage.src = imageURI
  51.     } 
  52.         
  53.    // “Capture Photo”按鈕點擊事件觸發函數 
  54.    function capturePhoto() { 
  55.  
  56.         // 使用設備上的攝像頭拍照,并獲得Base64編碼字符串格式的圖像 
  57.         navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50 }); 
  58.    } 
  59.     
  60.    // “Capture Editable Photo”按鈕點擊事件觸發函數 
  61.    function capturePhotoEdit() { 
  62.  
  63.         // 使用設備上的攝像頭拍照,并獲得Base64編碼字符串格式的可編輯圖像 
  64.         navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 20, allowEdit: true }); 
  65.    } 
  66.         
  67.    //“From Photo Library”/“From Photo Album”按鈕點擊事件觸發函數 
  68.    function getPhoto(source) { 
  69.     
  70.         // 從設定的來源處獲取圖像文件URI 
  71.         navigator.camera.getPicture(onPhotoURISuccess, onFail, { quality: 50, 
  72.         destinationType: destinationType.FILE_URI,sourceType: source }); 
  73.    } 
  74.  
  75.    // 當有錯誤發生時觸發此函數 
  76.    function onFail(mesage) { 
  77.         alert('Failed because: ' + message); 
  78.    } 
  79.      
  80. </script> 
  81. </head> 
  82. <body> 
  83.     <button onclick="capturePhoto();">Capture Photo</button> <br> 
  84.     <button onclick="capturePhotoEdit();">Capture Editable Photo</button> <br> 
  85.     <button onclick="getPhoto(pictureSource.PHOTOLIBRARY);">From Photo Library</button><br> 
  86.     <button onclick="getPhoto(pictureSource.SAVEDPHOTOALBUM);">From Photo Album</button><br> 
  87.     <img style="display:none;width:60px;height:60px;" id="smallImage" src=""  /> 
  88.     <img style="display:none;" id="largeImage" src=""  /> 
  89.     </body> 
  90. </html> 

 

cameraSuccess

提供圖像數據的onSuccess回調函數。

  1. function(imageData) {  
  2. // 對圖像進行處理  
  3. }  

參數

imageData:根據cameraOptions的設定值,為Base64編碼的圖像數據或圖像文件的URI。(字符串類型)

范例

  1. // 顯示圖片 
  2. function cameraCallback(imageData) { 
  3. var image = document.getElementById('myImage'); 
  4. image.src = "data:image/jpeg;base64," + imageData; 

cameraError

提供錯誤信息的onError回調函數。

  1. function(message) { 
  2. // 顯示有用信息 

參數

message:設備本地代碼提供的錯誤信息。(字符串類型)

cameraOptions

定制攝像頭設置的可選參數。

  1. { quality : 75, 
  2. destinationType : Camera.DestinationType.DATA_URL, 
  3. sourceType : Camera.PictureSourceType.CAMERA, 
  4. allowEdit : true
  5. encodingType : Camera.EncodingType.JPEG, 
  6. targetWidth : 100, 
  7. targetHeight : 100}; 

選項

quality:存儲圖像的質量,范圍是[0,100]。(數字類型)

destinationType:選擇返回數據的格式。通過navigator.camera.DestinationType進行定義。(數字類型)

  1. Camera.DestinationType = { 
  2. DATA_URL : 0, //返回Base64編碼字符串的圖像數據 
  3. FILE_URI : 1 //返回圖像文件的URI 

sourceType:設定圖片來源。通過nagivator.camera.PictureSourceType進行定義。(數字類型)

  1. Camera.PictureSourceType = { 
  2. PHOTOLIBRARY : 0, 
  3. CAMERA : 1, 
  4. SAVEDPHOTOALBUM : 2 

allowEdit:在選擇圖片進行操作之前允許對其進行簡單編輯。(布爾類型)

EncodingType:選擇返回圖像文件的編碼方式,通過navigator.camera.EncodingType進行定義。(數字類型)

  1. Camera.EncodingType = { 
  2. JPEG : 0, // 返回JPEG格式圖片 
  3. PNG : 1 // 返回PNG格式圖片 
  4. }; 

targetWidth:以像素為單位的圖像縮放寬度,必須和targetHeight同時使用。相應的寬高比保持不變。(數字類型)

targetHeight:以像素為單位的圖像縮放高度,必須和targetWidth同時使用。相應的寬高比保持不變。(數字類型)

Android的特異情況

忽略allowEdit參數。

Camera.PictureSourceType.PHOTOLIBRARY 或 Camera.PictureSourceType.SAVEDPHOTOALBUM 都會顯示同一個相集。

Camera.EncodingType不被支持。

BlackBerry的特異情況

忽略quality參數。

忽略sourceType參數。

忽略allowEdit參數。

當拍照結束后,應用程序必須有按鍵注入權限才能關閉本地Camera應用程序。

使用大圖像尺寸,可能會導致新近帶有高分辨率攝像頭的型號設備無法對圖像進行編碼(如:Torch 9800)。

Palm的特異情況

忽略quality參數。

忽略sourceType參數。

忽略allowEdit參數。

iPhone的特異情況

為了避免部分設備上出現內存錯誤,quality的設定值要低于50。

當使用destinationType.FILE_URI時,使用攝像頭拍攝的和編輯過的照片會存儲到應用程序的Documents/tmp目錄。

應用程序結束的時候,應用程序的Documents/tmp目錄會被刪除。如果存儲空間大小非常關鍵的時候,開發者也可以通過navigator.fileMgr的接口來刪除該目錄。

責任編輯:佚名 來源: PhoneGap中國
相關推薦

2011-12-30 14:13:05

PhoneGap APCamera視頻

2011-12-19 15:30:25

AccelerometPhoneGap AP

2011-12-19 16:26:39

PhoneGap APCapture

2011-12-20 13:32:52

PhoneGap APContacts

2011-12-20 16:09:57

PhoneGap APDevice

2011-12-21 21:56:45

PhoneGap APFile

2011-12-22 09:54:40

PhoneGap APMedia

2011-12-22 10:33:39

PhoneGap APNotificatio

2011-12-22 10:45:32

PhoneGap APStorage

2011-12-20 17:15:52

PhoneGap APEvents

2011-12-20 15:34:55

PhoneGap APConnection

2011-12-22 09:27:36

PhoneGap APGeolocation

2011-12-20 11:20:46

PhoneGap APCompass

2011-12-30 14:05:17

PhoneGap APConnection視頻

2011-12-30 14:16:02

AccelerometPhoneGap AP視頻

2011-12-30 13:59:38

PhoneGap APDevice視頻

2011-12-30 14:09:32

PhoneGap APCompass視頻

2011-12-30 13:47:57

PhoneGap AP視頻Contacts

2011-09-13 15:51:11

PhoneGap AP

2011-07-05 17:29:53

PhoneGapevents
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 97碰碰碰| 在线天堂免费中文字幕视频 | 国产精品高潮呻吟久久aⅴ码 | 欧美日韩在线视频一区 | 天天看逼| 91社区在线观看 | 成人在线免费观看 | 成人免费av| 在线欧美亚洲 | 一区二区三区视频 | 国产精品久久久久久久久久免费看 | 欧美jizzhd精品欧美巨大免费 | 久久精品影视 | 在线看av的网址 | 白浆在线 | 无码日韩精品一区二区免费 | 九一在线 | 亚洲国产一区视频 | 精品区一区二区 | 欧美在线视频一区二区 | 91一区二区三区在线观看 | 成人欧美一区二区三区在线观看 | 国产乱码精品一区二区三区中文 | 婷婷在线免费 | 亚洲网址在线观看 | 精品影视 | 欧美日韩成人一区二区 | 99久久国产 | 91精品国产综合久久婷婷香蕉 | 国产精品久久久久久久免费大片 | 操久久| av中文天堂 | 黄色网址在线免费播放 | 91成人在线视频 | 国产亚洲精品久久午夜玫瑰园 | 国产96色在线 | 国产精品久久欧美久久一区 | 欧美一二区| 国产美女在线看 | 国产福利91精品一区二区三区 | 国产精品自产拍在线观看蜜 |