Fiz o código abaixo para criar uma canvas que desenha em seu espaço um retângulo vermelho. Porém, nada aparece. Não encontro nenhum erro de sintaxe. Estou usando o Google Chrome:
<!DOCTYPE html>
<html>
<body>
<p> Antes da Canvas </p>
<canvas width="120" height="60"></canvas>
<p> Depois da canvas </p>
<script>
var canvas = document.querySelector("canvas");
var context = canvas.getContext("2d");
context.fillStyle = "red";
context.fillRect = (10, 10, 100, 50);
</script>
</body>
</html>