Resolução: Esquadro | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

1
resposta

por Thales Ruan

| 146k xp | 20 posts

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

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

pincel.fill();

1 resposta

por FERNANDA DANIELLE DE OLIVEIRA

| 55.8k xp | 86 posts

28/01/2022

Solução:

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

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

    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(100, 175);
    pincel.lineTo(100, 350);
    pincel.lineTo(275, 350);
    pincel.fill();


</script>