关于canvas fillRect方面有关问题 _JavaScript

关于canvas fillRect方面问题
看了下文档
fillRect(x,y,w,h) 填充一个定位于 x 和 y，宽度和高度分别为 w 和 h 的矩形。

可是实际操作时候，却发现有个问题

例如

HTML code

<canvas id="myCanvas"></canvas>

JScript code


window.onload=function(){
    var cc=document.getElementById('myCanvas');
    var mycontext=cc.getContext('2d');
    mycontext.fillStyle='rgb(0,0,255)'; 
        mycontext.fillRect(0,0,400,46);    

}

得出来的图案，却不是400*46大小

------解决方案--------------------
那是因为你的画布没有设置大小。。。

首先你得保证你的画布大于400*46

<canvas id="myCanvas" width="500" height="200"></canvas>

如果你不设置width和height的话，默认好像没有400长，所以导致你画出来的图案不是400*46的。