Question

<!DOCTYPE html>
<html>
<head>
<style>
img
{
position:absolute;
top:50px;
}
</style>
</head>
<body>

<img id="myImg" src="w3javascript.gif" width="100" height="132">
<button type="button" onclick="clipImage()">Clip image</button>
<button type="button" onclick="clearClip()">Unclip image</button>

<script>
var a="50"
var b=30
var c=a-b

function clipImage()
{
document.getElementById("myImg").style.clip="rect(c+'px' 75px 75px 0px)";
}
function clearClip()
{
document.getElementById("myImg").style.clip="auto";
}
</script>

</body>
</html>

BTW我刚从w3schools那里拿了这个代码。:) 很抱歉没有在问题标题中具体说明，但我想知道为什么我不能使用我在clip:rect中创建的变量。谢谢你的回答

Answer 1

您的引号已关闭：

document.getElementById("myImg").style.clip = "rect(" + c + "px 75px 75px 0px)";

javascript在剪辑中引用变量：rect不起作用

1 个答案: