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

标签 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,我尝试过,但在设置之前它返回零。

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

最佳答案

我得到了正确答案:

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

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

关于javascript - 我想在javascript中动态调整图像该怎么做?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12793959/

相关文章:

Javascript Controller 加载/卸载

html - 本地背景图片不显示在 html 中

c# - 如何在 Windows 10 UWP 中复制和调整图像大小

php - 如何更改指定 div 中存在的所有图像的尺寸

javascript - Angularjs - 在两个模型之间分配逻辑

javascript - Jquery 方法(单击、更改)不起作用

OpenGL 中的图像加载用于 GIS 应用程序

android - 如何将图像导入或复制到 Android Studio 中的 "res"文件夹?

javascript - 单击第一个单选按钮时,自动打开该 div 内的单选按钮

javascript - 如何设置发出请求的条件延迟?