0

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

2 に答える 2

1

タグからwidthおよびheight属性を削除します。<canvas>

変更：

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

に：

canvas#mycanvas:hover
{
    width: 400px;
    height: 400px;
}
于 2012-07-06T04:03:03.920 に答える
0

今はテストできませんが、コードに問題があります。これに変更...

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

また

canvas#myCanvas:hover { 
    width: 400;
    height: 400;
}
于 2012-07-06T04:04:00.427 に答える