javascript - 如何在不裁剪的情况下更改图像的大小？

Question

我有一个图片来源:

var _img = <img src="../images/yadayada.jpg">

我希望它在不裁剪的情况下放大或缩小它，但我不想在之后抓取元素并更改 css。

我试过:

_img.height = 200; 

和

_img.style.height = 200

但是第一个裁剪它，第二个什么都不做。

Answer 1

样式值需要单位，所以样式设置应该是这样的:

_img.style.height = "200px";

这将改变图像的缩放尺寸。如果您只设置高度或宽度，那么另一个应该缩放以保持纵横比。您必须确保放置图像的 HTML 布局是灵活的，并且可以处理图像大小的变化。

图像调整大小演示:http://jsfiddle.net/jfriend00/K8GJQ/