Question

我正在使用angularjs。我有一个图像对象。我想要那个图像的分辨率。图像对象包含名称和图像大小。我怎么做angularjs。

提前致谢。

Answer 1

试试这种方式

<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 2

不是一个有角度的，但原始的JavaScript解决方案，如果我正确得到您的图像分辨率的意思。

在该页面上解析您的个人资料图片（firefox控制台）

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 3

您的图像大小是高度和宽度（以像素为单位）。然后使用以下公式计算。

公式：像素÷DPI =英寸

如果您知道图像的像素宽度和高度，则此部分将计算图像在各种设备上打印或显示时的物理尺寸（以英寸为单位）。要使用计算器，请输入宽度和高度，然后选择将使用的输出分辨率。

AngularJs中图像的分辨率

3 个答案: