Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

esta fazendo quadrados em vez de retangulos

<meta charset="utf-8">
<canvas width="600"   heigth="400"></canvas>
<script> 

var tela = document.querySelector("canvas");
var pincel = tela.getContext("2d");
pincel.fillStyle = "purple"
pincel.fillRect(-100, 0, 600,400);
pincel.fillStyle = "black"
pincel.fillRect(100, 10, 100, 130);
pincel.fillStyle = "black"
pincel.fillRect(300, 10, 100, 130);



</script>
1 resposta
solução!

Olá, Gabriel. Tudo bem contigo?

Desculpe a demora em dar um retorno!

Perceba que na tag canvas a escrita do height está trocada. Basta trocar heigth por height.

Depois é só alterar os valores para desenhar ;-)

Espero ter ajudado, Gabriel!

Um abraço e bons estudos!