如何在離子中顯示從相機拍攝的完整圖像？

Question

我試圖顯示相機使用寬度爲600和800像素高度的img標記拍攝的整個圖像。但出於某種原因拍攝照片後，會在顯示後切割。我如何將照片放入600x800像素的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％; object-fit：包含'