我想在javascript中动态调整图像怎么做?

时间:2012-10-09 06:21:46

标签: javascript image

我的图片由用户和js

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

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

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

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

2 个答案:

答案 0 :(得分:2)

我得到了正确答案:

imgpre.setAttribute(“style”,“max-width:100%; max-height:100%;”);

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

答案 1 :(得分:0)

尝试

imgpre.height = '100px';
imgpre.width = '100px';