Entrar Ainda não tem acesso?
2
respostas

sobre por as figuras

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 Judriani de Brito
| 105.3k xp | 4 posts

consegui fazer os dois esquadros porém o menor não sobrepôs o maior então inverti diminui o maior e aumentei o esquadro menor mesmo assim não consegui sobrepor as imagens help please! desde já Thanks!

2 respostas
por Allan Almeida
| 176.2k xp | 220 posts
Desenvolvedor

Oi Judriani,

Aqui deu certo. Tente, por favor, comparar o código abaixo com o seu pra ver se não está faltando nada.

<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>
por Grazielle Melo Borges Torres
| 132.7k xp | 88 posts
<canvas width="600" height="400"></canvas>

<script>

    let tela = document.querySelector('canvas');
    let 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>