1
resposta

Esquadro

Bom dia, minha solução.

<canvas width="800" height="500"></canvas>

<script>

    var tela = document.querySelector('canvas');         
    var pincel = tela.getContext('2d');            

    pincel.fillStyle = 'grey';
    pincel.fillRect(0,0,800,500);

    pincel.fillStyle = 'black';            
    pincel.beginPath();
    pincel.moveTo(50,50);
    pincel.lineTo(50,400);
    pincel.lineTo(600,400);
    pincel.lineTo(50,50);
    pincel.fill();

    pincel.fillStyle = 'white';            
    pincel.beginPath();
    pincel.moveTo(100,150);
    pincel.lineTo(100,350);
    pincel.lineTo(450,350);
    pincel.lineTo(100,150);
    pincel.fill();




</script>
1 resposta

Oi, Shaian! Tudo bem por aí?

Parabéns pela solução, mandou bem!

Qualquer dúvida estamos à disposição.

Continue praticando e bons estudos!

Até mais!