Duvida no circulo também

Uso o navegador google Chrome, os desenhos dos retângulos funcionaram bem, mas quando eu desenho o triangulo no e o circulo 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. Semelhante ao exercício anterior cujo a duvida também postei.

<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();

c.fillStyle = "blue";
c.beginPath();
c.arc(300,200,50,0,2*3.14);
c.fill();


</script>