关于canvas fillRect方面问题

吖迪在岸边发呆 2012-08-29 04:38:30

看了下文档
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大小

...全文

253 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

吖迪在岸边发呆 2012-08-29

打赏
举报

但是又有另外一个问题了

如果我设置了canvas的宽高

加入是width:700px; height:700px;

填充的颜色就会变成宽度700px
高度会比46大，但没有700PX

吖迪在岸边发呆 2012-08-29

打赏
举报

[Quote=引用 1 楼的回复:]

那是因为你的画布没有设置大小。。。

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

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

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

但是又有另外一个问题了

如果我设置了canvas的宽高

加入是width:700px; height:700px;

填充的颜色就会变成宽度700px
高度会比46大，但没有700PX

吖迪在岸边发呆 2012-08-29

打赏
举报

it491328322 2012-08-29

打赏
举报

那是因为你的画布没有设置大小。。。

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

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

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