ionic 1.x : 자르기 이미지

Question

두 개의 버튼이 있습니다. 첫 번째는 갤러리에서 찾아보기 이미지 용이고 두 번째 버튼은 사진을 찍기위한 것입니다. 두 경우에 cordova camera plugin을 사용하고 있습니다.

이미지를 선택한 후 cordova file transfer plugin을 사용하여 서버로 보내기 전에 이미지를 자르고 싶습니다. 나는 jr-crop, angular-image-crop, ngImgCrop과 같은 여러 플러그인을 사용하려고했습니다. 문제는 플러그인이 base64 이미지를 반환하지만 이미지 URL (dataUrl 아님)을 가져 오려고한다는 것입니다. 어떤 도움을주십시오!

Answer 1

내 솔루션 (@egycode) :

$scope.image_gallery = function() { 
    var options = { 
     quality: 100, 
     correctOrientation: true, 
     sourceType: 0 
    }; 
    $cordovaCamera.getPicture(options).then(function(data) { 
     console.log(data); 
     $scope.crop(data); 
     console.log('camera data image_gallery: ' + angular.toJson(data)); 
    }, function(error) { 
     console.log('camera error image_gallery: ' + angular.toJson(error)); 
    }); 
} 

$scope.crop = function(url) { 
    $jrCrop.crop({ 
     url: url, 
     width: 261, 
     height: 362 
    }).then(function(canvas) { 
     console.log(canvas); 
     var image = canvas.toDataURL(); 
     //var image is the result, you can show it using : $scope.pictureUrl = image; 
    }, function() { 
     // User canceled or couldn't load image. 
    }); 
}