fillRect non applica grandi valori di larghezza e altezza - html5-canvas

Uso il tag canvas con un codice Javascript per disegnare un rettangolo:

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

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

per il metodo fillRect, se do grandi valori per larghezza e altezza, ho notato che non verranno applicati, ad esempio:

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

darà qualcosa come:

Mi sto perdendo qualcosa? c'è qualche limite per la larghezza e l'altezza. Secondo la documentazione, non ho trovato nulla di simile. Per favore aiutatemi.

risposte:

"Immagino che tu abbia il tuo width e height del canvas impostato su un valore inferiore alle dimensioni del rettangolo. Prova a impostarle in modo esplicito in questo modo:

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