html5-canvas - fillRect は大きな幅と高さの値を適用しません

Question

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);

次のようなものが得られます：

何か不足していますか？幅と高さに制限はありますか。ドキュメントによると、それに関連するものは見つかりませんでした。助けてください。

Answer 1

セットのサイズが長方形のサイズよりも小さいwidthと思います。次のように明示的に設定してみてください。heightcanvas

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