html5-canvas - fillRect 不应用大的宽度和高度值

Question

我使用带有 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);

会给出类似的东西：

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

Answer 1

我猜你已经把你的andwidth设置为小于矩形的尺寸。尝试像这样明确设置：heightcanvas

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