Ayuda... problemas con mi codigo

No puedo encontrar el error en mi código, cuando abro en chrome no aparece el circulo ni el triángulo. Si alguien puede decirme en donde esta el error se lo agradecería.

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

<script>
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.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,200);
    pincel.lineTo(200,400);
    pincel.lineTo(400,400);
    pincel.fill();

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

</script>