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

【问题标题】：Trouble in changing canvas size using css. The code I used is given below. Someone help me out使用 css 更改画布大小时遇到问题。我使用的代码如下所示。有人帮我
【发布时间】：2012-07-06 12:35:11
【问题描述】：

我是 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>

【问题讨论】：

如果您还在这里，我建议您阅读我对您选择的答案的评论。

标签： css html html5-canvas

【解决方案1】：

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

改变：

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

收件人：

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

【讨论】：

更新fiddle！享受！从元素中删除width 和height！并添加px!
谢谢普拉文。请更新答案区域中的 naswer，以便我将其设置为接受的答案
我不建议从画布中完全删除宽度和高度属性...这些定义了工作区域，css 属性没有。如果没有这些属性，画布将非常像素化。
@Daedalus 是对的，宽度和高度属性应该不从画布元素中移除。
@Daedalus。不熟悉html。但是他提供的东西解决了我的需要并解决了我的问题。但我试图适应你所说的。谢谢。

【解决方案2】：

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

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

或

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

【讨论】：