Question

是html的新手。我需要用css改变卡瓦斯的大小。我试过这段代码。但它没有在悬停工作。请别人帮助我。提前致谢

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
canvas:hover
{
id: mycanvas;
width: 400;
height: 400;

}
</style>
</head>
<body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
</canvas>

<script type="text/javascript">

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);

</script>

</body>
</html>

Answer 1

从width标记中删除height和<canvas>属性。

更改：

canvas:hover
{
id: mycanvas;
width: 400;
height: 400;
}

要：

canvas#mycanvas:hover
{
    width: 400px;
    height: 400px;
}

Answer 2

我现在无法测试，但我发现代码中存在问题。换到这个......

canvas:hover { 
    width: 400;
    height: 400;
}

或

canvas#myCanvas:hover { 
    width: 400;
    height: 400;
}

使用css更改画布大小的麻烦。我使用的代码如下。有人帮助我

2 个答案: