2017-04-19 9 views
0

私はangularjsを使用しています。私はイメージオブジェクトを持っています。私はそのイメージの解決を望んでいます。画像オブジェクトには名前と画像サイズが含まれます。 anglejsで私はどのようにしますか?AngularJsでの画像の解像度

ありがとうございます。

+0

あなたは何をしましたか? –

答えて

0

画像の解像度が正しく表示されていれば、角度がありませんが、生の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 
+1

私たちはそれをangularjsでやっていませんか? –

+1

角度が分かりませんが、このページ(https://docs.angularjs.org/api/ng/function/angular.element)に従って角度コードの内側で使用できます。 – marmeladze

+0

大丈夫でしょう:) –

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

これは問題ありません。私はまた、私の返信コメントを削除しました:p –

0

あなたは高さである画像サイズを得ましたピクセル単位の幅。次に、次の数式を使って計算します。

式:ピクセル÷DPI =インチ

あなたは画像のピクセルの幅と高さを知っている場合は、印刷または上に表示されている場合、このセクションは画像の(インチで)物理的なサイズを計算します様々なデバイス。計算機を使用するには、幅と高さを入力し、使用する出力解像度を選択します。