css - 使用 css 更改画布大小时遇到问题。我使用的代码如下所示。有人帮我

Question

我是 html 的新手。我需要使用 css 更改 cavas 的大小。我试过这段代码。但它不适用于悬停。请有人帮助我。提前致谢

<!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>

score 1 · Accepted Answer

从标签中删除widthandheight属性。<canvas>

更改：

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

到：

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

score 0 · Accepted Answer

我现在无法对此进行测试，但我在您的代码中发现了问题。改成这个...

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

或者

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

css - 使用 css 更改画布大小时遇到​​问题。我使用的代码如下所示。有人帮我

2 回答 2

Related

Reference

css - 使用 css 更改画布大小时遇到问题。我使用的代码如下所示。有人帮我