我想在javascript中动态调整一个图像怎么办?

我想在javascript中动态调整一个图像怎么办?,javascript,image,Javascript,Image,我的图片由用户和js创建 var imgpre=document.createElement("img"); 我想显示在一个盒子里或div或td但是有时候img太大了。 我的意思是我不知道图像的高度和宽度,但我想把图像放到350*350的盒子里。图像无法在框外绘制 问题是有时图像是400*200,我设置了img.height=350,应该可以查看。 但有时,当你设置img.height=350时,图片是200*400,这肯定是错误的 我无法在js中获取img.height,我尝试了,但在设置之

我的图片由用户和js创建

var imgpre=document.createElement("img");
我想显示在一个盒子里或
div
td
但是有时候
img
太大了。 我的意思是我不知道图像的高度和宽度,但我想把图像放到350*350的盒子里。图像无法在框外绘制 问题是有时图像是400*200,我设置了
img.height=350
,应该可以查看。 但有时,当你设置
img.height=350时,图片是200*400,这肯定是错误的

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

请注意:我不想要拉伸图像。

试试看

imgpre.height = '100px';
imgpre.width = '100px';
我得到了正确的答案:

setAttribute(“样式”,“最大宽度:100%;最大高度:100%;”


同时在框中设置mzx宽度:350和最大高度:350

是否要保持纵横比?。。