Solucionado (ver solução)
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>