Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Não apareceu o triangulo

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 A vida não é só feita de retângulos!

por Eliziane Andreia
| 18.9k xp | 3 posts

Boa noite, não apareceu o triângulo, consegue identificar o por que ?

nvas id ="tela" width= "600" height = "400"></canvas>
<script>
    var tela = document.querySelector("#tela");
    var pincel = tela.getContext("2d");


    pincel.fillStyle="lightgrey";
    pincel.fillRect(0,0,600,400);

    pincel.fillStyle="black";
    pincel.fillRect(0, 0, 200, 400);

    pincel.fillStyle="red";
    pincel.fillRect(400,0,200,400);

    pincel.fillStyle="yellow";
    pincel.beginpath();
    pincel.moveto(300,200);
    pincel.lineto(200,400);
    pincel.lineto(400,400);
    pincel.fill();


</script>
1 resposta
solução!
por Eduardo Rehbein de Souza
| 267.8k xp | 10 posts

Faltou você fechar o triângulo com a linha que leva para o ponto inicial dele:

pincel.fillStyle="yellow";
    pincel.beginpath();
    pincel.moveto(300,200);
    pincel.lineto(200,400);
    pincel.lineto(400,400);
   // A linha abaixo é a que falta
    pincel.lineto(300,200);
    pincel.fill();