关于canvas fillRect方面问题

Question

看了下文档
fillRect(x,y,w,h)  填充一个定位于 x 和 y，宽度和高度分别为 w 和 h 的矩形。可是实际操作时候，却发现有个问题例如
<canvas id="myCanvas"></canvas>
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大小

Answer 1

那是因为你的画布没有设置大小首先你得保证你的画布大于400*46<canvas id="myCanvas" width="500" height="200"></canvas>如果你不设置width和height的话，默认好像没有400长，所以导致你画出来的图案不是400*46的。

Answer 2

但是又有另外一个问题了如果我设置了canvas的宽高加入是width:700px; height:700px;填充的颜色就会变成宽度700px
高度会比46大，但没有700PX

Answer 3

但是又有另外一个问题了如果我设置了canvas的宽高加入是width:700px; height:700px;填充的颜色就会变成宽度700px
高度会比46大，但没有700PX

Answer 4

但是又有另外一个问题了如果我设置了canvas的宽高加入是width:700px; height:700px;填充的颜色就会变成宽度700px
高度会比46大，但没有700PX