Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
1
resposta

Resolução (Esquadro)

Mudei um pouco o tamanho: Resolução abaixo:

1 resposta
solução!
<meta charset="UTF-8">

<canvas width="600" height="400"></canvas>

<script>
    var tela = document.querySelector("canvas");
    var pincel = tela. getContext("2d");

     // Triângulos:
    pincel.fillStyle = "BLACK";
    pincel.beginPath();
    pincel.moveTo(50, 50);
    pincel.lineTo(50, 400);
    pincel.lineTo(400, 400);
    pincel.fill();

    pincel.fillStyle = "WHITE";
    pincel.beginPath();
    pincel.moveTo(90, 150);
    pincel.lineTo(90, 360);
    pincel.lineTo(300, 360);
    pincel.fill();

</script>