gpt4 book ai didi

javascript - 使用变量缩放图像

转载 作者:行者123 更新时间:2023-11-29 17:48:18 25 4
gpt4 key购买 nike

我正在尝试使用变量而不是石标尺来缩放图像。我知道使用“scale(0.5,0.5)”是可行的,但我想做类似“scale(x,y)”的事情,因此比例因子会根据变量 x 和 y 的变化而变化,但是当我尝试这样做时,图像将不再像具有设定比例因子时那样缩放。我该如何解决这个问题?谢谢你的帮助。这是我的意思的一个例子。

<!DOCTYPE html>
<html>
<body>

<img id="myImg" src="img_pulpit.jpg">

<button onclick="myFunction()">Try it</button>

<script>
var a = document.getElementById("myImg");
var d = 5
var e = 10
var f = d/e
var g = 10
var h = 30
var i = g/h

function myFunction() {
document.getElementById("myImg").style.WebkitTransform = "scale(f, i)";
}

</script>
</body>
</html>

最佳答案

只需使用字符串连接("scale("+ f + ", "+ i + ")")或字符串插值(`scale(${f}, ${i })`).

关于javascript - 使用变量缩放图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46757429/

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