Entrar Ainda não tem acesso?
2
respostas

Esquadro

Referente ao curso JavaScript e HTML: pratique lógica com desenhos, animações e um jogo, no capítulo Desenhando gráficos com Canvas e atividade Esquadro

por Natalia Alexandre Hayakawa Martineli
| 76.7k xp | 4 posts
desenvolvedora front-end júnior

Segue código para a atividade esquadro!

<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>
2 respostas
por Cássio Murilo
| 1276.5k xp | 2204 posts
Instrutor Agile Master

Perfeito, Natália!

É isso aí

Pratique sempre. É a melhor maneira de ficar fluente!

Qualquer dúvida nos procure

um abraço e bons estudos

por DAVENIR RAMOS
| 31.4k xp | 8 posts
<canvas width="600" height="400"></canvas>

<script>

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

    pincel.fillStyle ='white';
    pincel.fillRect(0,0,600,400);


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

        pincel.fillStyle = 'black';
        pincel.moveTo(100, 175);
        pincel.lineTo(100,350);
        pincel.lineTo(275,350);
    pincel.fill();

</script>