Video 5 - Meu código não gera o triângulo.

blz Lucas? Cara dei uma olhada no seu código parece que tem algum problema no canvas apaga ele e faz de novo que funcionou quando eu testei, e também bem onde você escreveu pincel.lineTo(400,200) no amarelo na verdade é 200 e 400. Espero te ajudado.

<meta charset="UTF-8">
<canvas width="600" heigth="400"></canvas>
<script>
    var tela = document.querySelector("canvas");    
    var pincel = tela.getContext("2d");

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

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

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

    pincel.fillStyle="yellow";
    pincel.beginPath();
    pincel.moveTo(300,400);
    pincel.lineTo(200,400);
    pincel.lineTo(400,400);
    pincel.fill();

</script>

Refiz o canvas, porém não mudou em nada. Sobre o campo "lineTo(400,200);", eu havia mudado pra ver se diferenciava em algo, porque não estava aparecendo. Já testei em todos os meus navegadores e não consigo obter o resultado do triângulo com esse código. :(

Paulo, obrigado pela ajuda, vou tentar testar em outra máquina, pois pra você ai deu certo né. Se eu descobrir porque esse meu PC não aparece postarei aqui.

Paulo, descobri aqui cara

A altura(height), está digitada errado. Acredito que por algum motivo ele especifica uma altura mínima de 200 e portanto até aparece alguns pedaços do desenho.

Que bom que conseguiu :D