Javascript 使用变量缩放图像_Javascript_Html_Image_Variables_Scale

Javascript 使用变量缩放图像

javascript html image variables

Javascript 使用变量缩放图像,javascript,html,image,variables,scale,Javascript,Html,Image,Variables,Scale,我试图用变量来缩放图像，而不是用石阶来缩放。我知道使用“scale（0.5,0.5）”是可行的，但我想做一些类似“scale（x，y）”的事情，因此缩放因子根据变量x和y的不同而变化，但是当我尝试这样做时，图像将不再像设置缩放因子时那样缩放。我怎样才能解决这个问题？谢谢你的帮助。这里有一个例子来说明我的意思 <!DOCTYPE html> <html> <body> <img id="myImg" src="img_pulpit.jpg"> &

我试图用变量来缩放图像，而不是用石阶来缩放。我知道使用“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>


试试看
var a=document.getElementById（“myImg”）；
变量d=5
变量e=10
var f=d/e
var g=10
var h=30
var i=克/小时
函数myFunction（）{
document.getElementById（“myImg”）.style.WebkitTransform=“scale（f，i）”；
}

只需使用字符串连接（

“scale”（“+f+”，“+i+”）

）或字符串插值（

`scale（${f}，${i}）`

）。

您需要对f和i的值使用concat

document.getElementById("myImg").style.WebkitTransform = "scale("+f+","+i+")";


试试看
var a=document.getElementById（“myImg”）；
变量d=5
变量e=10
var f=d/e
var g=10
var h=30
var i=克/小时
函数myFunction（）{
document.getElementById（“myImg”）.style.WebkitTransform=“scale”（“+f+”，“+i+”）；
}

如果是图像…为什么不使用背景图像和背景大小？如果不仅仅是图像，他会理解缩放。@DiskJunky他必须在字符串中连接当前值“f”和“i”，而不是“f”和“i”字符

document.getElementById("myImg").style.WebkitTransform = "scale("+f+","+i+")";