AngularJs中的圖像分辨率

Question

我正在使用angularjs。我有一個圖像對象。我想要該圖像的分辨率。圖像對象包含名稱和圖像大小。我如何做angularjs。

在此先感謝。

Answer 1

不是一個角度，但原始的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 

Answer 2

嘗試這種方式

<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 
    }]); 

Answer 3

你讓影像尺寸是高度和像素寬度。然後你計算使用下面的公式。

式：像素÷DPI =英寸

如果知道一個圖像的像素的寬度和高度，當它被打印或顯示在這部分將計算圖像的物理尺寸（英寸）各種設備。要使用計算器，請輸入寬度和高度，然後選擇將使用的輸出分辨率。