如何在离子中显示从相机拍摄的完整图像？

我试图显示相机使用宽度为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); 
} 

}])

来源

2017-02-20 Sydnie S

我加入这个，而不是在HTML标签：风格=“高度：100％;宽度：100％; object-fit：包含'

来源

2017-04-17 09:42:33

如何在离子中显示从相机拍摄的完整图像？

回答

相关问题