javascript - 我想在javascript中动态调整图像该怎么做？

Question

我的图片由用户和js创建

var imgpre=document.createElement("img");

我想在盒子或 div 或 td 中显示，但有时 img 太大。我的意思是我不知道图像的高度和宽度，但我想将图像放入 350*350 的盒子中。图像无法在框外绘制问题是有时图像是400*200，我设置了img.height=350，应该可以看到。但有时图片是200*400，当你设置img.height=350的时候肯定是错误的。

我无法在 js 中获取 img.height，我尝试过，但在设置之前它返回零。

请注意:我不需要拉伸(stretch)图像。

Answer 1

我得到了正确答案:

imgpre.setAttribute("样式", "最大宽度:100%; 最大高度:100%;");

并设置框的 mzx-width:350 和 max-height:350