<canvas width="300"height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = "lightgrey";
pincel.fillRect(0,0,600,400);
pincel.fillStyle = "green";
pincel.fillRect(0,0,200,400);
pincel.fillStyle = "red";
pincel.fillRect(400,0,200,400);
</script>
Copie el codigo y si sale el rectangulo rojo. Saludos
en la primera linea debes poner <canvas width="600"height="400">
tienes "300". Es ese el error :)
A mi me pasa lo mismo, no me sale el rojo, lo he revisado varias veces, lo borre y volvi a copiar y solo me salen las dos primeras partes verdes y la 3 en blanco, ayuda por fa
width="600" height="400">
Compartenos el codigo
Solución:
<canvas width="600"height="400">