关于canvas fillRect方面有关问题

2012-09-14

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

关于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的。

热点排行

JavaScript

关于canvas fillRect方面有关问题