イオンカメラで撮影した画像をどのように表示するのですか？

Question

私は、幅600ピクセル、高さ800ピクセルのimgタグを使ってカメラで撮影した画像全体を表示しようとしています。何らかの理由で写真を撮った後に表示されるとカットされます。どのようにして600x800pixelのimg要素の中に写真を収めることができますか？

がここcontrollers.jsのための私のコードです：

.controller('idValidationCtrl', ['$scope', '$stateParams', '$cordovaCamera','$cordovaFile', function ($scope, $stateParams,$cordovaCamera,$cordovaFile) { 
$scope.addImage = function() 
{ 
    navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50 }); 
} 

//Callback function when the picture has been successfully taken 
function onPhotoDataSuccess(imageData) {     
    // Get image handle 
    var smallImage = document.getElementById('smallImage'); 

    // Unhide image elements 
    smallImage.style.display = 'block'; 
    smallImage.src = imageData; 
} 

//Callback function when the picture has not been successfully taken 
function onFail(message) { 
    alert('Failed to load picture because: ' + message); 
} 

}]) 

Answer 1

私は、HTML内のタグに代わり、これを追加しました：スタイル= '高さ：100％;幅：100％;オブジェクトフィット： '