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 EDUARDA FREDERICO
| 11.3k xp | 4 posts
<meta charset="utf-8">

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

    <script>

                var tela = document.querySelector ('canvas');
                var pincel = tela.getContext ('2d');
            //tela
        pincel.fillStyle = "lightgrey"
        pincel.fillRect (0, 0, 600, 400);

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

        pincel.fill ();

            //esquadro2
        pincel.fillStyle = 'white'
        pincel.beginPath ();
            pincel.moveTo (100, 175);
            pincel.lineTo (100, 350);
            pincel.lineTo (275, 350);

        pincel.fill ();


    </script>
2 respostas
por Luann Batuira Ribeiro
| 276.1k xp | 308 posts
Alura Scuba Team Estagiario/Scuba Team

Olá Eduarda, tudo bem?

Muito bem, você resolveu corretamente o exercício! Parabéns!! Recomendo depois dar uma olhadinha na Opinião do Instrutor para poder ter outra perspectiva!

Qualquer duvida é só chamar! Bons Estudos!!

por feliciosaccucci
| 115.4k xp | 14 posts
cientista de dados

perfeito seu codigo, olhe o meu...

<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>