Uso o navegador google Chrome, os desenhos dos retângulos funcionaram bem, mas quando eu desenho o triangulo no centro nada aparece. Não encontrei o problema, nos sites que olhei, os códigos estavam semelhantes aos meu. Por favor poderiam olhar o meu código e dizer o que esta errado. Desde já agradeço,
<canvas id = "tela" width = "600" height "400"></canvas>
<script>
var tela = document.getElementById("tela");
var c = tela.getContext("2d");
c.fillStyle = "green";
c.fillRect(0,0,200,400);
c.fillStyle = "red";
c.fillRect(400,0,200,400);
c.fillStyle = "gray";
c.beginPath();
c.moveTo(300, 200);
c.lineTo(200, 400);
c.lineTo(400, 400);
c.fill();
</script>