📅  最后修改于: 2023-12-03 15:38:48.315000             🧑  作者: Mango
需要在JS中改变图像大小时,可以使用以下几种方法:
可以通过CSS属性来改变图像的大小:
img {
width: 50%;
height: auto;
}
在这个例子中,图片的宽度被设置为其父元素宽度的50%,高度被设置为自适应,以保持图片的宽高比例。
可以直接在HTML中使用width
和height
属性来更改图像的大小:
<img src="example.jpg" width="300" height="200">
这将把图像的宽度设置为300像素,高度设置为200像素。
另一种方法是使用JavaScript来改变图像的大小。可以使用如下代码:
let exampleImg = document.getElementById("example-img");
exampleImg.style.width = "50%";
exampleImg.style.height = "auto";
在这个例子中,取出ID为example-img
的img元素,然后使用JavaScript代码来改变width
和height
属性,从而实现改变图像大小。
以上是改变图像大小的三种方法,简单易行。