javascript - キャンバス要素が

Question

キャンバスの 0,0 座標に正方形を配置すると、左上が切り取られます。

var canvas = document.getElementById('c');
var context = canvas.getContext('2d');
context.strokeStyle = 'blue';
context.rect(0, 0, 200, 100);
context.fillStyle = 'yellow';
context.fill();
context.lineWidth = 7;
context.strokeStyle = 'black';
context.stroke();

<canvas id="c" width="500" height="500"></canvas>

どうしてこれなの？