如何在 javascript 中获取当前图像大小(宽度和高度)
答案:使用 JavaScript clientWidth
属性
您可以简单地使用 JavaScript clientWidth
属性来获取图像的当前宽度和高度。 此属性会将值四舍五入为整数。
让我们看看下面的例子来了解它的基本工作原理:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript Find Current Image Width and Height</title>
<script>
function imgSize(){
var myImg = document.querySelector("#sky");
var currWidth = myImg.clientWidth;
var currHeight = myImg.clientHeight;
alert("Current width=" + currWidth + ", " + "Original height=" + currHeight);
}
</script>
</head>
<body>
<img src="sky.jpg" id="sky" width="250" alt="Cloudy Sky">
<p><button type="button" onclick="imgSize();">Get Current Image Size</button></p>
</body>
</html>
FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答:
Advertisements