Javascript 如何在angularjs中调整图像大小？

我使用数据URL显示图像，但如何获得当前的高度和宽度（以像素为单位），以角度js按比例调整大小

---

我有一些独立调整大小的算法

如果您的目标是按比例调整大小，为什么不使用CSS百分比调整大小

CSS:

您的代码：

.smaller {
  width: 80%;
}

---

如果您的目标是按比例调整大小，为什么不使用CSS百分比调整大小

CSS:

您的代码：

.smaller {
  width: 80%;
}

---

我不确定imageDataUrl中包含哪些数据，但您可以轻松地在JavaScript中获取图像维度：

<div class="row" data-ng-repeat="row in imageDataUrls" >
    <div class="col-sm-3" data-ng-repeat="imageDataUrl in row" >
        <img alt="img" class="img-responsive smaller" data-ng-src="{{imageDataUrl.url}}" />
    </div>
</div>

---

我不确定imageDataUrl中包含哪些数据，但您可以轻松地在JavaScript中获取图像维度：

<div class="row" data-ng-repeat="row in imageDataUrls" >
    <div class="col-sm-3" data-ng-repeat="imageDataUrl in row" >
        <img alt="img" class="img-responsive smaller" data-ng-src="{{imageDataUrl.url}}" />
    </div>
</div>

---

正如mvermand comment所指出的，您可以将CSS添加到类中，或者直接添加高度/宽度属性

---

正如mvermand comment所指出的，您可以将CSS添加到类中，也可以直接添加高度/宽度属性

您可以使用

angular.element（“选择器”）获取/设置高度和宽度属性。高度

或

宽度

您可以使用

angular.element（“选择器”）获取/设置高度和宽度属性.height

或

width

你不需要angularjs来做这件事：如果你只是设置宽度或高度，图像应该按比例调整大小。我有一些算法来独立调整大小。我想触发这个函数，你不需要angularjs来做：如果你只是设置宽度或高度，图像应该按比例调整大小，我有一些算法来独立调整大小。我想触发该函数，但我使用的是FileReader（）；这有帮助吗但我使用的是FileReader（）；这有帮助吗我想用当前元素在ng repeat上触发一个函数在ng init属性中添加您的函数，并将数据对象作为参数。如果您确实需要元素本身（而不仅仅是源代码），请使用angular$compile在控制器中编译它。以此类推。我想用当前元素在ng repeat上触发一个函数在ng init属性中添加您的函数，并将数据对象作为参数。如果您确实需要元素本身（而不仅仅是源代码），请使用angular$compile在控制器中编译它。等等