gpt4 book ai didi

javascript - 使用javascript缩小img

转载 作者:行者123 更新时间:2023-11-28 04:51:56 24 4
gpt4 key购买 nike

我正在尝试根据我在移动应用 SoloLearn 上学到的知识来缩小图像。请帮忙。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="xyz.css"/>
</head>
<body>
<img id="image" src="myImage.jpg"/>
<button id="shrink">Shrink</button>
<script>

var x = document.getElementById('shrink');
var img = document.getElementById('image');
x.addEventListener("click", shrnk);
function shrnk() {
img.style.width = 50;
img.syle.height = 25;
};

</script>
</body>


</html>

最佳答案

而不是使用 img.style 只需设置图像的宽度和高度值。

<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" type="text/css" href="xyz.css" />
</head>

<body>
<img id="image" src="http://www.placehold.it/150" />
<button id="shrink">Shrink</button>
<script>
var x = document.getElementById('shrink');
var img = document.getElementById('image');
x.addEventListener("click", shrnk);

function shrnk() {
img.width = 50;
img.height = 25;
};
</script>
</body>


</html>

关于javascript - 使用javascript缩小img,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42847600/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com