Html5 canvas fillRect不';t应用较大的宽度和高度值

Html5 canvas fillRect不';t应用较大的宽度和高度值,html5-canvas,Html5 Canvas,我使用canvas标记和Javascript代码绘制一个矩形: 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); 将给出如下内容:

我使用canvas标记和Javascript代码绘制一个矩形:

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);
将给出如下内容:


我错过什么了吗?宽度和高度有限制吗。根据文件,我没有发现任何与此相关的东西。请帮助。

我猜您已经将
画布的
宽度和
高度设置为小于矩形的尺寸。请尝试如下明确设置:

<canvas width="1500" height="1500"></canvas>


javascript控制台中是否有错误?是的,没有错误,控制台中一切正常。我用
ctx.fillRect(0,010001000)的截图编辑了我的文章示例。必须将画布高度和宽度设置为小于fillRect高度和宽度。。。将您的代码发布到jsfiddle.com,这样我就可以解释它在做什么。哦,是的,我忘了显式设置画布的宽度和高度:
,否则,
fillRect
方法的
宽度和
高度将限制为300150。谢谢你的帮助:)没问题,很乐意帮忙