Auflösung eines Bildes in AngularJs

Question

Ich verwende angularjs. Ich habe ein Bildobjekt. Ich möchte die Auflösung dieses Bildes. Bildobjekt enthält Name und Bildgröße. Wie mache ich in Angularjs.

Vielen Dank im Voraus.

Answer 1

keine eckige, aber rohe Javascript-Lösung, wenn ich richtig verstehe, was Sie mit Bildauflösung meinen.

Auflösung Ihres Profilbild auf dieser Seite (firefox Konsole)

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

auf diese Weise versuchen

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

Und Winkel Code

.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

Sie bekam die Bildgröße, die Höhe und Breite in Pixel. Dann berechnen Sie die folgende Formel.

Formel: Pixels ÷ DPI = Zoll

Wenn die Pixelbreite und Höhe eines Bildes kennen, wird dieser Abschnitt die physikalische Größe berechnen (in Zoll) des Bildes, wenn es gedruckt oder angezeigt auf verschiedene Geräte. Um den Taschenrechner zu verwenden, geben Sie Breite und Höhe ein und wählen Sie die Ausgabeauflösung, die verwendet werden soll.