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

A parte branca não aparece

Revisei o código diversas vezes e não encontrei o erro que faz que a parte branca do triângulo não apareça

<meta charset="utf-8"> 

<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>
2 respostas
solução!
<meta charset="utf-8"> 

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

<script>

    var tela = document.querySelector("canvas"); 
    var pincel = tela.getContext("2d"); 

    pincel.fillStyle = "black"; //A letra "s" do Style tava em letra minúscula
    pincel.beginPath(); 
    pincel.moveTo(50, 50); 
    pincel.lineTo(50, 400); 
    pincel.lineTo(400,400); 
    pincel.fill();  

    pincel.fillStyle = "white"; //A letra "s" do Style tava em letra minúscula
    pincel.beginPath(); 
    pincel.moveTo(100, 175); 
    pincel.lineTo(100,350); 
    pincel.lineTo(275, 350); 
    pincel.fill(); 


</script>

e outra coisa tambem ele colocou no o black e o white no parenteses