fillRect不应用大的宽度和高度值

时间:2012-08-19 22:05:17

标签: html5-canvas

我使用带有Javascript代码的canvas标签绘制一个矩形:

var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';

ctx.fillRect(0,0,80,100);

对于fillRect方法,如果我给出宽度和高度的大值,我注意到它们不会被应用,例如:

ctx.fillRect(0,0,1000,1000);

将提供类似的内容:

enter image description here

我错过了什么吗?宽度和高度是否有任何限制。根据文档,我没有找到与此相关的任何内容。请帮忙。

1 个答案:

答案 0 :(得分:2)

我猜你已将[{1}}的{​​{1}}和width设置为小于矩形的尺寸。尝试明确地设置这些:

height