📜  如何更改图像 js 的大小 - Javascript (1)

📅  最后修改于: 2023-12-03 15:38:48.315000             🧑  作者: Mango

如何更改图像 JS 的大小 - Javascript

需要在JS中改变图像大小时,可以使用以下几种方法:

1. 使用CSS

可以通过CSS属性来改变图像的大小:

img {
  width: 50%;
  height: auto;
}

在这个例子中,图片的宽度被设置为其父元素宽度的50%,高度被设置为自适应,以保持图片的宽高比例。

2. 使用HTML属性

可以直接在HTML中使用widthheight属性来更改图像的大小:

<img src="example.jpg" width="300" height="200">

这将把图像的宽度设置为300像素,高度设置为200像素。

3. 使用JS

另一种方法是使用JavaScript来改变图像的大小。可以使用如下代码:

let exampleImg = document.getElementById("example-img");
exampleImg.style.width = "50%";
exampleImg.style.height = "auto";

在这个例子中,取出ID为example-img的img元素,然后使用JavaScript代码来改变widthheight属性,从而实现改变图像大小。

以上是改变图像大小的三种方法,简单易行。