<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>
Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas
respostas
Por que o meu segundo esquadro não aparece com essa solução ?
Olá Débora!
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 !!!!