使用 angular/jquery 渲染图像后调整图像大小

Question

我的html是这样的，

<img width="150" height="150" src="https://d.pcd/image/578434201?hei=75&amp;wid=75&amp;qlt=50,0&amp;op_sharpen=1&amp;op_usm=0.9,0.5,0,0" ng-src="https://d.pcd/image/578434201?hei=75&amp;wid=75&amp;qlt=50,0&amp;op_sharpen=1&amp;op_usm=0.9,0.5,0,0">

我想在图像在页面中呈现后调整其大小，因为我想更改 hei=150 和 wid=150。

注意：我的完整图片 url（包括 hei、wid）来自一个服务，所以我不能在那里更改它。有什么建议吗？

Answer 1

如果我正确理解了你的意图，那么你就可以使用 jQuery。为您的图像添加id 属性，以便于选择。例如id="myImg"

然后使用jQuery CSS函数：

  $("#myImg").css({"height" : 123 , "width" : 123});

只需将 123 更改为您想要的大小，甚至输入一个变量名。