MEU CÍRCULO NÃO APARECE

Boa Noite, Meu círculo não aparece , já refiz o código mas não percebi aonde estou errando.

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

<script type="text/javascript">

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

    pincel.fillStyle = "white";
    pincel.fillRect(0,0,800,600);

    pincel.fillStyle = "green";
    pincel.fillRect(0,0,266,600);

    pincel.fillStyle = "red";
    pincel.fillRect(532,0,800,600);

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

    pincel.fillStyle = "blue";
    pincel.beginPath();
    pincel.arc(400, 300, 50, 0, 2 * 3,14);
    pincel.fill();



</script>