当前位置: 首页 > 面试题库 >

使用JavaScript更改图像大小

易星宇
2023-03-14
问题内容

我正在尝试使用JavaScript更改图像的大小。jS文件与HTML页面分开。

我想在JS文件中设置图像的高度和宽度。有什么好的方法吗?


问题答案:

引用图像后,就可以像这样设置其高度和宽度:

var yourImg = document.getElementById('yourImgId');
if(yourImg && yourImg.style) {
    yourImg.style.height = '100px';
    yourImg.style.width = '200px';
}

html中,它看起来像这样:

<img src="src/to/your/img.jpg" id="yourImgId" alt="alt tags are key!"/>


 类似资料:
  • 问题内容: 我正在尝试使用javascript更改svg图像颜色。这可能吗?我可以将其加载为对象,然后以某种方式访问​​颜色/图像数据。 每一个回应或提示都将受到高度赞赏! 问题答案: 当然,这是一个示例(省略了标准HTML样板):

  • 我已经尝试了几天,现在配置我的缩略图库,使所有的图像显示相同的高度和宽度。但是,当我将CSS代码更改为, 我得到的图像大小都一样,但纵横比被拉伸,破坏了图像。有没有办法调整图像容器的大小而不是图像?允许我保持纵横比,但仍然调整图像大小。(我不介意剪掉一些图片。)

  • 问题内容: 我有此jquery代码,可在单击时更改背景图像: 但是,它没有改变。有什么我想念的吗? 问题答案: 您需要包括该属性的一部分。

  • 问题内容: 我在Matplotlib网站上遇到了这个示例。我想知道是否有可能增加图形尺寸。 我尝试过 但它什么也没做。 问题答案: 如果已经有了图形对象,请使用: 但是,如果您使用.subplots()命令(如您所显示的示例中所示)来创建新图形,则还可以使用:

  • 我在Matplotlib网站上看到了这个例子。我想知道是否有可能增加体型。 我试过了 但它什么也做不了。

  • 我想用一个按钮在三个不同的位置改变图像的位置...用我的代码图像只移动了一个位置... ViewController.h ViewController.m }