Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Por que o meu segundo esquadro não aparece com essa solução ?

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

<script>




function desenhaEsquadro(xa, ya, xb,yb, xc, yc, cor){
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle="black";
    pincel.beginPath();
    pincel.moveTo(xa, ya);
    pincel.lineTo(xb, yb);
    pincel.lineTo(xc, yc);
    pincel.fill();

}

desenhaEsquadro (50,50,50,400,400,400,'black');
desenhaEsquadro (100,175,100,350,275,350,'white');

</script>
3 respostas

Olá Débora!

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

solução!

Boa tarde, Débora! Creio que é porque você já passou a cor diretamente no "pincel.fillStyle".

O certo seria passar o parâmetro primeiro:

pincel.fillStyle = cor;

E depois você preenche o parâmetro quando for chamar a função:

desenhaEsquadro(100, 175, 100,350 ,275 ,350, 'white');

Muito obrigada Wendel Marins!!!!

alterei e deu super certo !!!!