AngularJs中的图像分辨率

问题描述：

我正在使用angularjs。我有一个图像对象。我想要该图像的分辨率。图像对象包含名称和图像大小。我如何做angularjs。AngularJs中的图像分辨率

在此先感谢。

你能分享你所做的吗？ –

答

不是一个角度，但原始的JavaScript解决方案，如果我正确地得到你的意思是图像分辨率。您的个人资料图像的网页上

分辨率（火狐控制台）

a = document.getElementsByClassName("gravatar-wrapper-32")[0] 
// => <div class="gravatar-wrapper-32"> 
b = a.getElementsByTagName("img")[0] 
// => <img src="https://lh6.googleusercontent.com/-asvvQTRPD14/AAAAAAAAAAI/AAAAAAAAAUM/y73pocx9eq4/photo.jpg?sz=32" alt="" width="32" height="32"> 
b.width 
// => 32 
b.height 
// => 32

不能我们在angularjs做？ –

我不知道角度，但根据此页面（https://docs.angularjs.org/api/ng/function/angular.element），您可以在角码中使用它。 – marmeladze

好吧将尝试:) –

答

尝试这种方式

<img ng-src="{{image.path}}" style="width: {{image.width}}px; height: {{image.height}}px" />

和角码

.controller("MyCtrl", ["$scope", function ($scope) { 
    $scope.image = { 
     path: "", 
     width: 0, 
     height: 0 
    } 
    var img = new Image(); 
    $scope.image.width = img.width; 
    $scope.image.height = img.height; 
    $scope.image.path = "./image.jpg';// put your image path 
    }]);

这很好。我也删除了我的回复的评论：p –

答

你让影像尺寸是高度和像素宽度。然后你计算使用下面的公式。

式：像素÷DPI =英寸

如果知道一个图像的像素的宽度和高度，当它被打印或显示在这部分将计算图像的物理尺寸（英寸）各种设备。要使用计算器，请输入宽度和高度，然后选择将使用的输出分辨率。

AngularJs中的图像分辨率

相关推荐