Ionic Framework-カメラで動作します

• quality（数値）：保存された画像の品質。範囲は0〜100です。100は非圧縮モードです。 デフォルト値は50です。
• destinationType（数値）：戻り値の形式。 デフォルトはFILEURIです。 カスタマイズは、navigator.camera.DestinationTypeタイプによって決定されます。
  
  

   Camera.DestinationType = { DATA_URL : 0, //    base64 FILE_URI : 1, // URI  NATIVE_URI : 2 // URI     (assets-library://  iOS  content://  Android) };
        
        
  
          
          
          
        
  
      
          
          
          
        
        
  
          
          
          
        
  
      
       

• sourceType（数値）：画像ソース。 デフォルトはCAMERAです。 構成は、navigator.camera.PictureSourceTypeタイプによって決定されます。
  
  

   Camera.PictureSourceType = { PHOTOLIBRARY : 0, CAMERA : 1, SAVEDPHOTOALBUM : 2 };
        
        
  
          
          
          
        
  
      
          
          
          
        
        
  
          
          
          
        
  
      
       

• allowEdit（ブール値）：関数に渡す前に単純編集モードを有効にします。
• encodingType（数値）：ファイル形式。 デフォルトは「jpegがあります」です。 カスタマイズは、navigator.camera.EncodingTypeタイプによって決定されます。
  
  

   Camera.EncodingType = { JPEG : 0, // JPEG PNG : 1 // PNG };
        
        
  
          
          
          
        
  
      
          
          
          
        
        
  
          
          
          
        
  
      
       

• targetWidth（数値）：幅。 コメントはありません。 スケーリングする。 係数を指定してtargetHeightと組み合わせて使用​​することをお勧めします。
• targetHeight（数値）：高さ。
• mediaType（数値）：マルチメディアコンテンツのタイプ。 デフォルトはPICTUREです。 PictureSourceTypeがPHOTOLIBRARYまたはSAVEDPHOTOALBUMの場合に機能します。 設定は、タイプnagivator.camera.MediaTypeによって決定されます。
  
  

   Camera.MediaType = { PICTURE: 0, //  . VIDEO: 1, //   (  FILE_URI) ALLMEDIA : 2 //   };
        
        
  
          
          
          
        
  
      
          
          
          
        
        
  
          
          
          
        
  
      
       

• correctOrientation（ブール値）：撮影中に画像を回転させて、デバイスの向きを補正します。
• saveToPhotoAlbum（ブール値）：撮影後にアルバムに保存します。
• popoverOptions：iPad上のポップオーバーの場所を指定するiOS専用のパラメーター。 設定は、CameraPopoverOptionsで定義されています。
• cameraDirection（数値）：使用するカメラ（前面または背面）。 デフォルトはBACKです。 構成は、navigator.camera.Directionタイプによって決定されます。
  
  

   Camera.Direction = { BACK : 0, // Use the back-facing camera FRONT : 1 // Use the front-facing camera };
        
        
  
          
          
          
        
  
      
          
          
          
        
        
  
          
          
          
        
  
      
       

 angular.module('starter.services', []) .factory('Cities', function() { // ... }).factory('Cam', function($q) { return { getPic: function(opt) { var q = $q.defer(); navigator.camera.getPicture(function(res) { q.resolve(res); }, function(err) { q.reject(err); }, opt); return q.promise; } }; });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

 <ion-view view-title=""> <ion-content class="padding"> <div class="list-item"> <img class="full-image" ng-src="{{user.ava || './img/ionic.png'}}"> <label class="item item-input"> <i class="icon ion-person placeholder-icon"></i> <input type="text" placeholder=" " ng-model="user.name" ng-keyup="setUser();" /> </label> <label class="item item-input item-select"> <div class="input-label">  </div> <select ng-model="user.city" ng-change="setUser();"> <option ng-repeat="city in cities" ng-value="city.id">{{city.name}}</option> </select> </label> <button class="button button-full button-positive" ng-click="getPic(1);">   </button> <button class="button button-full button-calm" ng-click="getPic(0);">   </button> </div> </ion-content> </ion-view>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

 .state('tab.opt', { url: '/opt', views: { 'tab-opt': { templateUrl: 'templates/tab-opt.html', controller: 'OptCtrl' } } })
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

 .controller('OptCtrl', function($scope, $ionicPopup, Cities, Cam, LS) { $scope.cities = Cities.all(); $scope.user = LS.getIt('user') || {}; $scope.showAlert = function(title, text) { $ionicPopup.alert({ title: title, template: text }); }; $scope.setUser = function() { LS.setIt('user', $scope.user); }; $scope.getPic = function(source) { var opt = { sourceType: source }; Cam.getPic(opt).then(function(res) { $scope.user.ava = res; $scope.setUser(); }, function(err) { $scope.showAlert("", err); }); } })
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

 .factory('LS', function() { return { getIt: function(item) { var it = false; try { it = JSON.parse(localStorage.getItem(item)); return it; } catch(e) { console.err(e); return it; } }, setIt: function(item, obj) { try { localStorage.setItem(item, JSON.stringify(obj)); return true; } catch(e) { console.err(e); return false; } } }; })
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

 .controller('CityCtrl', function($scope, Cities, LS) { $scope.cities = Cities.all(); $scope.user = LS.getIt('user') || {}; if ($scope.user.city) { window.location.href = '#/tab/city/'+$scope.user.city; } }) .controller('CityDetailCtrl', function($scope, $http, $stateParams, $ionicPopup, $ionicLoading) { $scope.data = {}; $scope.id = $stateParams.id; $scope.showAlert = function(title, text) { $ionicPopup.alert({ title: title, template: text }); }; $scope.refresh = function() { $ionicLoading.show(); $http.get('http://api.openweathermap.org/data/2.5/forecast/daily?id='+$scope.id+'&appid=2de143494c0b295cca9337e1e96b00e0') .success(function(data, status, headers, config) { $scope.data = data; $ionicLoading.hide(); $scope.$broadcast('scroll.refreshComplete'); }) .error(function(data, status, headers, config) { $ionicLoading.hide(); $scope.showAlert(status, data); $scope.$broadcast('scroll.refreshComplete'); }); }; $scope.refresh(); })